the-distro/floral.systems
1
1
Fork 1
Code Issues Pull requests 1 Packages Projects Releases Wiki Activity

fix(/): fix intergrid alignment

Browse source
This commit is contained in:
mei (ckie) 2024-10-23 21:59:21 +03:00
parent 7fc3f406dd
commit 477e096874
Signed by: ckie
GPG key ID: 13E79449C0525215
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/routes/+page.svelte
View file

@ -22,7 +22,7 @@
<h2 class="border-t-2 border-teal-800 w-fit"> <h2 class="border-t-2 border-teal-800 w-fit">
{DISTRO} — our linux distribution {DISTRO} — our linux distribution
</h2> </h2>
<div class="grid lg:grid-cols-[1.15fr,auto,1fr] gap-2 items-end"> <div class="grid lg:grid-cols-[1.15fr,calc(theme(gap.12)),1fr] items-end">
<div class="clear-left text-xl flex flex-col h-full"> <div class="clear-left text-xl flex flex-col h-full">
Gain certainty in your deployed system configuration by Gain certainty in your deployed system configuration by
replacing your opaque state with code. replacing your opaque state with code.
@ -56,7 +56,7 @@
<h2 class="border-t-2 border-teal-800 w-fit ms-auto"> <h2 class="border-t-2 border-teal-800 w-fit ms-auto">
a reimagining of the NixOS community a reimagining of the NixOS community
</h2> </h2>
<div class="grid lg:grid-cols-[1.1fr,1fr] gap-12"> <div class="grid lg:grid-cols-[1.15fr,1fr] gap-12">
<div class="float-right drop-shadow flex flex-col rounded overflow-hidden"> <div class="float-right drop-shadow flex flex-col rounded overflow-hidden">
<!-- screenshot taken as Responsive (1500x800), DPR=1, Zoom=150% in Firefox --> <!-- screenshot taken as Responsive (1500x800), DPR=1, Zoom=150% in Firefox -->
<enhanced:img src="./gerrit.png?format=png" <enhanced:img src="./gerrit.png?format=png"
@ -85,7 +85,7 @@
<h2 class="border-t-2 border-teal-800 w-fit"> <h2 class="border-t-2 border-teal-800 w-fit">
…and much more! …and much more!
</h2> </h2>
<div class="grid lg:grid-cols-[1fr,1fr]"> <div class="grid lg:grid-cols-[1.15fr,1fr]">
<div class="clear-left text-xl"> <div class="clear-left text-xl">
With <b>{DISTRO}</b> and <b>{PKGS}</b>, you can: With <b>{DISTRO}</b> and <b>{PKGS}</b>, you can:
<ul class="ms-2 list-disc list-inside text-lg"> <ul class="ms-2 list-disc list-inside text-lg">