arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-02-03 13:47:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs(app): clean css variables

Browse Source
This commit is contained in:
Benjamin Canac
2025-02-16 12:49:08 +01:00
parent 7641d89552
commit cbaf9ec776
4 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/app/pages/pro/activate.vue
View File

@@ -72,7 +72,7 @@ onMounted(() => {
<template> <template>
<UPageHero headline="License Activation" :title="title" :description="description"> <UPageHero headline="License Activation" :title="title" :description="description">
<template #top> <template #top>
<div class="absolute z-[-1] rounded-full bg-[var(--ui-primary)] blur-[300px] size-60 sm:size-80 transform -translate-x-1/2 left-1/2 -translate-y-80" /> <div class="absolute z-[-1] rounded-full bg-(--ui-primary) blur-[300px] size-60 sm:size-80 transform -translate-x-1/2 left-1/2 -translate-y-80" />
<StarsBg /> <StarsBg />
</template> </template>
<div> <div>
@@ -90,7 +90,7 @@ onMounted(() => {
<UFormField label="GitHub Username" name="username"> <UFormField label="GitHub Username" name="username">
<UInput v-model="state.username" autocomplete="off" :ui="{ root: 'flex' }" /> <UInput v-model="state.username" autocomplete="off" :ui="{ root: 'flex' }" />
</UFormField> </UFormField>
<UButton type="submit" :loading="activating" :disabled="state.license.length !== 36 || !state.username"> <UButton type="submit" :loading="activating" :disabled="state.license?.length !== 36 || !state.username">
Activate the license Activate the license
</UButton> </UButton>
<UAlert v-if="successMessage" color="success" variant="subtle" :title="successMessage"> <UAlert v-if="successMessage" color="success" variant="subtle" :title="successMessage">

4
docs/app/pages/pro/index.vue
View File

@@ -27,7 +27,7 @@ defineOgImageComponent('Docs', {
<MDC :value="page.hero.description" unwrap="p" /> <MDC :value="page.hero.description" unwrap="p" />
</template> </template>
<template #top> <template #top>
<div class="absolute z-[-1] rounded-full bg-[var(--ui-primary)] blur-[300px] size-60 sm:size-80 transform -translate-x-1/2 left-1/2 -translate-y-80" /> <div class="absolute z-[-1] rounded-full bg-(--ui-primary) blur-[300px] size-60 sm:size-80 transform -translate-x-1/2 left-1/2 -translate-y-80" />
<StarsBg /> <StarsBg />
</template> </template>
@@ -103,7 +103,7 @@ defineOgImageComponent('Docs', {
variant="naked" variant="naked"
class="overflow-hidden" class="overflow-hidden"
> >
<div class="absolute rounded-full dark:bg-[var(--ui-primary)] blur-[250px] size-40 sm:size-50 transform -translate-x-1/2 left-1/2 -translate-y-80" /> <div class="absolute rounded-full dark:bg-(--ui-primary) blur-[250px] size-40 sm:size-50 transform -translate-x-1/2 left-1/2 -translate-y-80" />
<StarsBg /> <StarsBg />
</UPageCTA> </UPageCTA>

4
docs/app/pages/pro/pricing.vue
View File

@@ -23,7 +23,7 @@ defineOgImageComponent('Docs', {
<MDC :value="page.pricing.title" unwrap="p" /> <MDC :value="page.pricing.title" unwrap="p" />
</template> </template>
<template #top> <template #top>
<div class="absolute z-[-1] rounded-full bg-[var(--ui-primary)] blur-[300px] size-60 sm:size-80 transform -translate-x-1/2 left-1/2 -translate-y-80" /> <div class="absolute z-[-1] rounded-full bg-(--ui-primary) blur-[300px] size-60 sm:size-80 transform -translate-x-1/2 left-1/2 -translate-y-80" />
<StarsBg /> <StarsBg />
</template> </template>
<UContainer> <UContainer>
@@ -98,7 +98,7 @@ defineOgImageComponent('Docs', {
<UPageSection <UPageSection
id="faq" id="faq"
v-bind="page.faq" v-bind="page.faq"
class="scroll-mt-[var(--header-height)]" class="scroll-mt-(--ui-header-height)"
> >
<UPageAccordion <UPageAccordion
multiple multiple

2
docs/app/pages/pro/templates.vue
View File

@@ -20,7 +20,7 @@ defineOgImageComponent('Docs', {
<div class="relative"> <div class="relative">
<UPageHero :links="page.links"> <UPageHero :links="page.links">
<template #top> <template #top>
<div class="absolute z-[-1] rounded-full bg-[var(--ui-primary)] blur-[300px] size-60 sm:size-80 transform -translate-x-1/2 left-1/2 -translate-y-80" /> <div class="absolute z-[-1] rounded-full bg-(--ui-primary) blur-[300px] size-60 sm:size-80 transform -translate-x-1/2 left-1/2 -translate-y-80" />
<StarsBg /> <StarsBg />
</template> </template>