bartvdbraak/omnidash
1
0
Fork 0
mirror of https://github.com/bartvdbraak/omnidash.git synced 2025-04-27 15:31:21 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat: styling changes

Browse source
This commit is contained in:
Bart van der Braak 2024-02-02 18:41:56 +01:00
parent b989c855ac
commit 71a8a60aa5
2 changed files with 17 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
apps/web/src/lib/components/site/icons/logo.svelte
View file

@ -1,3 +1,12 @@
<script>
export let colours = {
topleft: '#FF6C22',
topright: '#FF9209',
bottomleft: '#2B3499',
bottomright: '#FFD099',
}
</script>
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
@ -8,8 +17,8 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<rect width="7" height="9" x="3" y="3" rx="1" stroke="#FF6C22" />
<rect width="7" height="5" x="14" y="3" rx="1" stroke="#FF9209" />
<rect width="7" height="9" x="14" y="12" rx="1" stroke="#2B3499" />
<rect width="7" height="5" x="3" y="16" rx="1" stroke="#FFD099" />
<rect width="7" height="9" x="3" y="3" rx="1" stroke={colours.topleft} />
<rect width="7" height="5" x="14" y="3" rx="1" stroke={colours.topright} />
<rect width="7" height="9" x="14" y="12" rx="1" stroke={colours.bottomleft} />
<rect width="7" height="5" x="3" y="16" rx="1" stroke={colours.bottomright} />
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 448 B

After

Width:  |  Height:  |  Size: 631 B

8
apps/web/src/routes/+page.svelte
View file

@ -8,16 +8,16 @@
<div class="absolute inset-0 -z-10">
<Particles />
</div>
<div class="pb-16 pt-32 md:pb-32 md:pt-52">
<div class="pb-16 pt-52 md:pb-32 md:pt-60">
<div class="container mx-auto text-center">
<h1
class="bg-gradient-to-r from-zinc-800 via-zinc-800/60 to-zinc-800 bg-clip-text pb-4 text-6xl font-extrabold tracking-tight text-transparent dark:from-zinc-200/60 dark:via-zinc-200 dark:to-zinc-200/60 lg:text-7xl"
class="bg-gradient-to-r from-zinc-800 via-zinc-800/60 to-zinc-800 bg-clip-text pb-4 text-4xl sm:text-5xl md:text-6xl font-extrabold tracking-tight text-transparent dark:from-zinc-200/60 dark:via-zinc-200 dark:to-zinc-200/60 lg:text-7xl"
>
<span class="inline-block text-balance align-top decoration-inherit"
>One Dashboard, Countless Solutions</span
>One Dashboard <br /> Countless Solutions</span
>
</h1>
<p class="mb-8 text-lg text-zinc-800 dark:text-zinc-300">
<p class="mb-8 text-sm md:text-xl text-zinc-800 dark:text-zinc-300">
Tame ticket overload and keep your operations teams sane
</p>
<div