mirror of
https://github.com/hyprwm/hyprland-website.git
synced 2024-12-23 02:39:48 +01:00
update nix install command
This commit is contained in:
parent
808c5e6abd
commit
4fca49f8ad
2 changed files with 19 additions and 12 deletions
|
@ -36,7 +36,7 @@
|
||||||
<slot name="imageExtra" />
|
<slot name="imageExtra" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="relative mb-2 flex flex-col font-mono">
|
<div class="relative mb-2 flex grow flex-col font-mono">
|
||||||
<button
|
<button
|
||||||
class="flex min-w-[18rem] items-center justify-center gap-4 rounded-full border border-primary py-3 pl-6 pr-6 text-base font-medium transition-transform active:scale-[1.01]"
|
class="flex min-w-[18rem] items-center justify-center gap-4 rounded-full border border-primary py-3 pl-6 pr-6 text-base font-medium transition-transform active:scale-[1.01]"
|
||||||
on:click={$$slots.default ? undefined : copyCommand}
|
on:click={$$slots.default ? undefined : copyCommand}
|
||||||
|
|
|
@ -18,31 +18,30 @@
|
||||||
|
|
||||||
<div class="flex flex-col items-center gap-12 md:gap-6" use:animateIn={{ slide: 24, fade: 0 }}>
|
<div class="flex flex-col items-center gap-12 md:gap-6" use:animateIn={{ slide: 24, fade: 0 }}>
|
||||||
<div
|
<div
|
||||||
class="flex flex-col gap-12 md:gap-6 md:rounded-3xl md:bg-gradient-to-tr md:from-blue-500/40 md:to-transparent md:p-8 md:shadow-xl md:outline md:outline-1 md:outline-blue-500"
|
class="links_ flex flex-col gap-12 md:gap-6 md:rounded-3xl md:bg-gradient-to-tr md:from-blue-500/40 md:to-transparent md:p-8 md:shadow-xl md:outline md:outline-1 md:outline-blue-500"
|
||||||
>
|
>
|
||||||
<InstallButton name="Arch" command="pacman -S hyprland" image={archLogo}
|
<InstallButton name="Arch" command="pacman -S hyprland" image={archLogo}
|
||||||
><div slot="extra">
|
><div slot="extra">
|
||||||
AUR git version: <a
|
AUR git version: <a
|
||||||
class="hover:text-white hover:underline"
|
class=" "
|
||||||
target="_blank"
|
target="_blank"
|
||||||
href="https://aur.archlinux.org/packages/hyprland-git/">hyprland-git</a
|
href="https://aur.archlinux.org/packages/hyprland-git/">hyprland-git</a
|
||||||
>
|
>
|
||||||
</div></InstallButton
|
</div></InstallButton
|
||||||
>
|
>
|
||||||
<InstallButton name="NixOS" image={nixLogo}
|
<InstallButton name="NixOS" command="programs.hyprland.enable = true " image={nixLogo}
|
||||||
><a
|
><div slot="extra">
|
||||||
href="https://wiki.hyprland.org/Nix/"
|
<a href="https://wiki.hyprland.org/Nix/" target="_blank"
|
||||||
target="_blank"
|
>See more details and git version</a
|
||||||
class="flex w-full items-center justify-between gap-4 hover:underline"
|
>
|
||||||
>See instructions <LinkOutIcon /></a
|
</div>
|
||||||
></InstallButton
|
</InstallButton>
|
||||||
>
|
|
||||||
<InstallButton name="FreeBSD" command="pkg install hyprland" image={bsdLogo} />
|
<InstallButton name="FreeBSD" command="pkg install hyprland" image={bsdLogo} />
|
||||||
<InstallButton name="openSUSE" command="zypper in hyprland" image={suseLogo}
|
<InstallButton name="openSUSE" command="zypper in hyprland" image={suseLogo}
|
||||||
><div slot="extra">or install “hyprland” via YaST2 Software.</div>
|
><div slot="extra">or install “hyprland” via YaST2 Software.</div>
|
||||||
|
|
||||||
<img
|
<img
|
||||||
class=" absolute inset-0 -z-10 translate-y-1 scale-90 opacity-0 transition-all duration-700 [transition-delay:2s] group-hover:-translate-y-0 group-hover:scale-100 group-hover:opacity-90"
|
class=" absolute inset-0 -z-10 translate-y-1 rotate-0 scale-90 opacity-0 transition-all duration-700 [transition-delay:2s] group-hover:-translate-x-3 group-hover:-translate-y-0 group-hover:-rotate-12 group-hover:scale-100 group-hover:opacity-90"
|
||||||
src={amongus}
|
src={amongus}
|
||||||
slot="imageExtra"
|
slot="imageExtra"
|
||||||
alt=""
|
alt=""
|
||||||
|
@ -60,3 +59,11 @@
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<style lang="postcss">
|
||||||
|
.links_ {
|
||||||
|
a {
|
||||||
|
@apply font-medium hover:text-white hover:underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
Loading…
Reference in a new issue