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> <template>
<div class="top=1/5 pointer-events-none absolute inset-x-0 transform-gpu blur-3xl -z-10" aria-hidden="true"> <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> </div>
</template> </template>

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

@@ -1,6 +1,6 @@
<template> <template>
<div class="pointer-events-none absolute inset-x-0 transform-gpu blur-3xl -top-1/4 -z-10" aria-hidden="true"> <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> </div>
</template> </template>

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

@@ -1,7 +1,7 @@
<template> <template>
<div class="grid grid-cols-1" lg="grid-cols-2"> <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="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 max-w-lg"> <div class="mx-auto max-w-xl lg:mx-0 lg:max-w-lg">
<h2 class="text-3xl text-white font-bold tracking-tight"> <h2 class="text-3xl text-white font-bold tracking-tight">
{{ props.title }} {{ props.title }}
</h2> </h2>
@@ -10,7 +10,7 @@
</p> </p>
</div> </div>
</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 /> <slot />
</div> </div>
</div> </div>

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

@@ -1,6 +1,6 @@
<template> <template>
<header class="top-0 z-10"> <header class="top-0 z-10">
<UContainer class="md:py-6"> <UContainer class="md:py-2">
<UNavigationMenu <UNavigationMenu
:items="mobileItems" :items="mobileItems"
variant="link" variant="link"

2
app/layouts/blank.vue
View File

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

2
app/layouts/default.vue
View File

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

8
app/pages/index.vue
View File

@@ -24,20 +24,20 @@
<UButton <UButton
variant="ghost" variant="ghost"
size="xl" size="xl"
:to="app.nuxtSite" :to="app.tauriSite"
target="_blank" target="_blank"
:external="true" :external="true"
> >
Nuxt 3 Tauri 2
</UButton> </UButton>
<UButton <UButton
variant="ghost" variant="ghost"
size="xl" size="xl"
:to="app.nuxtSite" :to="app.nuxtUiSite"
target="_blank" target="_blank"
:external="true" :external="true"
> >
Nuxt 3 NuxtUI 3
</UButton> </UButton>
</div> </div>
</div> </div>