jakehamilton/floral.systems
0
0
Fork 0
forked from the-distro/floral.systems
Code Pull requests Activity

refactor: make example preview look more like a recognizable application window

Browse source
This commit is contained in:
Jake Hamilton 2024-10-23 10:12:52 -07:00 committed by mei (ckie)
parent 1e09cd6705
commit 5f9c951db4
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/routes/+page.svelte
View file

@ -37,10 +37,12 @@
<div class="text-4xl flex justify-center items-center h-full"> <div class="text-4xl flex justify-center items-center h-full">
⇒ ⇒
</div> </div>
<div class="float-right drop-shadow flex flex-col rounded"> <div class="float-right drop-shadow flex flex-col rounded overflow-hidden">
<div class="p-2 pb-4 bg-gradient-to-b from-zinc-100 from-40% to-white w-full flex justify-between"> <div class="p-2 bg-gradient-to-b from-zinc-100 from-40% to-white w-full flex justify-between grow bg-teal-500">
<div><span class="text-zinc-700">http://</span><b>localhost</b>:80</div> <div class="p-1 px-3 bg-zinc-200 w-full rounded-sm">
<span class="text-blue-700 font-black text-lg select-none -mt-[2px]">⨯</span> <span class="text-zinc-700">http://</span><b>localhost</b>:80
</div>
<span class="text-zinc-700 font-black text-lg select-none pl-2">⨯</span>
</div> </div>
<!-- screenshot taken as Responsive (3660x2121), DPR=1 in Firefox DevTools (@the phone/tablet icon) --> <!-- screenshot taken as Responsive (3660x2121), DPR=1 in Firefox DevTools (@the phone/tablet icon) -->
<enhanced:img src="./demo1/mediawiki.png?format=png" <enhanced:img src="./demo1/mediawiki.png?format=png"