fix: eslint and class typo

This commit is contained in:
lxl66566
2025-01-04 10:46:54 +08:00
parent 81da394714
commit 31743ad473
7 changed files with 9 additions and 9 deletions

View File

@@ -1,6 +1,6 @@
<template> <template>
<Html class="scroll-smooth min-h-screen"> <Html class="min-h-screen scroll-smooth">
<Body class="font-text antialiased overflow-x-hidden bg-dark-800 text-white"> <Body class="overflow-x-hidden bg-dark-800 text-white font-text antialiased">
<NuxtLayout> <NuxtLayout>
<NuxtPage /> <NuxtPage />
</NuxtLayout> </NuxtLayout>

View File

@@ -1,5 +1,5 @@
<template> <template>
<button class="disabled:(cursor-not-allowed opacity-60) gap-1 rounded-md bg-emerald-500 px-3.5 py-2.5 text-sm text-white font-semibold shadow-sm transition-colors" hover="bg-emerald-600" focus-visible="outline-2 outline-emerald-600 outline-offset-2 outline"> <button class="gap-1 rounded-md bg-emerald-500 px-3.5 py-2.5 text-sm text-white font-semibold shadow-sm transition-colors disabled:(cursor-not-allowed opacity-60)" hover="bg-emerald-600" focus-visible="outline-2 outline-emerald-600 outline-offset-2 outline">
<slot /> <slot />
</button> </button>
</template> </template>

View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="pointer-events-none absolute inset-x-0 top=1/5 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-emerald-500 to-amber-400 bg-gradient-to-tr opacity-30 -translate-x-1/2" />
</div> </div>
</template> </template>

View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="grid grid-cols-1" lg="grid-cols-2"> <div class="grid grid-cols-1" lg="grid-cols-2">
<div clas="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 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 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 }}

View File

@@ -5,12 +5,12 @@
> >
<div v-if="showSidebar" class="relative z-20" lg="hidden" role="dialog" aria-modal="true"> <div v-if="showSidebar" class="relative z-20" lg="hidden" role="dialog" aria-modal="true">
<div class="fixed inset-0 overflow-hidden"> <div class="fixed inset-0 overflow-hidden">
<div crate class="bg-neutral-800/70 h-full flex flex-col overflow-y-auto py-6 backdrop-blur-md"> <div crate class="h-full flex flex-col overflow-y-auto bg-neutral-800/70 py-6 backdrop-blur-md">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<NuxtLink to="/" class="p-1.5 -m-1.5"> <NuxtLink to="/" class="p-1.5 -m-1.5">
<SvgoLogo :filled="true" :font-controlled="false" class="size-8" /> <SvgoLogo :filled="true" :font-controlled="false" class="size-8" />
</NuxtLink> </NuxtLink>
<button type="button" class="rounded-md p-2.5 text-neutral-300 m-2.5" @click="showSidebar = false"> <button type="button" class="m-2.5 rounded-md p-2.5 text-neutral-300" @click="showSidebar = false">
<Icon name="heroicons-solid:x-mark" class="size-6" /> <Icon name="heroicons-solid:x-mark" class="size-6" />
</button> </button>
</div> </div>

View File

@@ -1,5 +1,5 @@
<template> <template>
<div clas="grid place-items-center px-6 py-24" sm="py-32" lg="px-8"> <div class="grid place-items-center px-6 py-24" sm="py-32" lg="px-8">
<div class="text-center"> <div class="text-center">
<p class="text-base text-emerald-500 font-semibold"> <p class="text-base text-emerald-500 font-semibold">
404 404

View File

@@ -14,7 +14,7 @@ export default defineNuxtConfig({
viewport: "width=device-width, initial-scale=1", viewport: "width=device-width, initial-scale=1",
meta: [ meta: [
{ name: "format-detection", content: "no" } { name: "format-detection", content: "no" }
], ]
}, },
pageTransition: { pageTransition: {
name: "page", name: "page",