From bc45ecc4fcee69e7d680c3121511e51d7c6b8bb6 Mon Sep 17 00:00:00 2001
From: Nicola Spadari <NicolaSpadari@users.noreply.github.com>
Date: Sun, 9 Feb 2025 00:36:02 +0100
Subject: [PATCH] Update layout style

---
 app/components/Design/BottomBlob.vue | 2 +-
 app/components/Design/TopBlob.vue    | 2 +-
 app/components/Layout/Tile.vue       | 8 ++++----
 app/components/Site/Navbar.vue       | 2 +-
 app/layouts/blank.vue                | 2 +-
 app/layouts/default.vue              | 2 +-
 app/pages/index.vue                  | 8 ++++----
 7 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/app/components/Design/BottomBlob.vue b/app/components/Design/BottomBlob.vue
index eb1847e..a2dead4 100644
--- a/app/components/Design/BottomBlob.vue
+++ b/app/components/Design/BottomBlob.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="top=1/5 pointer-events-none absolute inset-x-0 transform-gpu blur-3xl -z-10" aria-hidden="true">
-		<div class="blob relative left-[calc(50%+36rem)] aspect-[1155/678] w-[72.1875rem] from-emerald-500 to-amber-400 bg-gradient-to-tr opacity-30 -translate-x-1/2" />
+		<div class="blob relative left-[calc(50%+36rem)] aspect-[1155/678] w-[72.1875rem] from-(--color-warning) to-(--color-success) bg-gradient-to-br opacity-30 -translate-x-1/2" />
 	</div>
 </template>
 
diff --git a/app/components/Design/TopBlob.vue b/app/components/Design/TopBlob.vue
index ee1d234..16d6f14 100644
--- a/app/components/Design/TopBlob.vue
+++ b/app/components/Design/TopBlob.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="pointer-events-none absolute inset-x-0 transform-gpu blur-3xl -top-1/4 -z-10" aria-hidden="true">
-		<div class="blob relative left-[calc(50%-30rem)] aspect-[1155/678] w-[72.1875rem] rotate-30 from-amber-400 to-emerald-500 bg-gradient-to-tr opacity-30 -translate-x-1/2" />
+		<div class="blob relative left-[calc(50%-30rem)] aspect-[1155/678] w-[72.1875rem] rotate-30 from-(--color-warning) to-(--color-success) bg-gradient-to-tr opacity-30 -translate-x-1/2" />
 	</div>
 </template>
 
diff --git a/app/components/Layout/Tile.vue b/app/components/Layout/Tile.vue
index e682d71..164ec17 100644
--- a/app/components/Layout/Tile.vue
+++ b/app/components/Layout/Tile.vue
@@ -1,7 +1,7 @@
 <template>
-	<div class="grid grid-cols-1" lg="grid-cols-2">
-		<div class="px-6 pb-10 pt-12" sm="pt-16" lg="px-8 pt-22">
-			<div class="mx-auto max-w-xl" lg="mx-0 max-w-lg">
+	<div class="grid grid-cols-1 lg:grid-cols-2">
+		<div class="px-6 pb-10 pt-12 sm:pt-16 lg:px-8 lg:pt-22">
+			<div class="mx-auto max-w-xl lg:mx-0 lg:max-w-lg">
 				<h2 class="text-3xl text-white font-bold tracking-tight">
 					{{ props.title }}
 				</h2>
@@ -10,7 +10,7 @@
 				</p>
 			</div>
 		</div>
-		<div class="px-6 pb-10 pt-12" sm="pt-16" lg="px-8 pt-22">
+		<div class="px-6 pb-10 pt-12 sm:pt-16 lg:px-8 lg:pt-22">
 			<slot />
 		</div>
 	</div>
diff --git a/app/components/Site/Navbar.vue b/app/components/Site/Navbar.vue
index 1be2483..f789ae6 100644
--- a/app/components/Site/Navbar.vue
+++ b/app/components/Site/Navbar.vue
@@ -1,6 +1,6 @@
 <template>
 	<header class="top-0 z-10">
-		<UContainer class="md:py-6">
+		<UContainer class="md:py-2">
 			<UNavigationMenu
 				:items="mobileItems"
 				variant="link"
diff --git a/app/layouts/blank.vue b/app/layouts/blank.vue
index e9ec0e1..e52a3bf 100644
--- a/app/layouts/blank.vue
+++ b/app/layouts/blank.vue
@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<SiteNavbar class="sticky" />
+		<SiteNavbar class="sticky bg-(--ui-bg)/75 backdrop-blur" />
 		<SiteSidebar />
 
 		<slot />
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index 944cfdf..7cf10d6 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<SiteNavbar class="sticky" />
+		<SiteNavbar class="sticky bg-(--ui-bg)/75 backdrop-blur" />
 		<SiteSidebar />
 
 		<UContainer>
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 73b4184..09cad1f 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -24,20 +24,20 @@
 					<UButton
 						variant="ghost"
 						size="xl"
-						:to="app.nuxtSite"
+						:to="app.tauriSite"
 						target="_blank"
 						:external="true"
 					>
-						Nuxt 3
+						Tauri 2
 					</UButton>
 					<UButton
 						variant="ghost"
 						size="xl"
-						:to="app.nuxtSite"
+						:to="app.nuxtUiSite"
 						target="_blank"
 						:external="true"
 					>
-						Nuxt 3
+						NuxtUI 3
 					</UButton>
 				</div>
 			</div>