Add nuxtui
This commit is contained in:
38
app/app.vue
38
app/app.vue
@@ -1,35 +1,11 @@
|
||||
<template>
|
||||
<Html class="min-h-screen scroll-smooth">
|
||||
<Body class="overflow-x-hidden bg-dark-800 text-white font-text antialiased">
|
||||
<NuxtLayout>
|
||||
<NuxtPage />
|
||||
</NuxtLayout>
|
||||
<Html class="overflow-x-hidden">
|
||||
<Body class="font-sans antialiased">
|
||||
<UApp>
|
||||
<NuxtLayout>
|
||||
<NuxtPage />
|
||||
</NuxtLayout>
|
||||
</UApp>
|
||||
</Body>
|
||||
</Html>
|
||||
</template>
|
||||
|
||||
<style lang="scss">
|
||||
html {
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
img {
|
||||
-webkit-user-drag: none;
|
||||
@apply select-none;
|
||||
}
|
||||
|
||||
// Transitions
|
||||
.page-enter-active,
|
||||
.page-leave-active {
|
||||
@apply transition-opacity ease-in-out duration-300;
|
||||
}
|
||||
.layout-enter-active,
|
||||
.layout-leave-active {
|
||||
@apply transition-opacity ease-in-out duration-500;
|
||||
}
|
||||
.page-enter-from,
|
||||
.page-leave-to,
|
||||
.layout-enter-from,
|
||||
.layout-leave-to {
|
||||
@apply opacity-0;
|
||||
}
|
||||
</style>
|
||||
|
Reference in New Issue
Block a user