estel/play
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update layout style

Browse Source
This commit is contained in:
Nicola Spadari
2025-02-09 00:36:02 +01:00
parent 079078d75a
commit bc45ecc4fc
7 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/Design/BottomBlob.vue
View File

@@ -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>

2
app/components/Design/TopBlob.vue
View File

@@ -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>

8
app/components/Layout/Tile.vue
View File

@@ -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>

2
app/components/Site/Navbar.vue
View File

@@ -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"

2
app/layouts/blank.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<SiteNavbar class="sticky" />
<SiteNavbar class="sticky bg-(--ui-bg)/75 backdrop-blur" />
<SiteSidebar />
<slot />

2
app/layouts/default.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<SiteNavbar class="sticky" />
<SiteNavbar class="sticky bg-(--ui-bg)/75 backdrop-blur" />
<SiteSidebar />
<UContainer>

8
app/pages/index.vue
View File

@@ -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>