diff --git a/.gitignore b/.gitignore index d58b8bf5..7713a322 100644 --- a/.gitignore +++ b/.gitignore @@ -7,3 +7,4 @@ node_modules .env dist .data +.idea diff --git a/app.config.ts b/app/app.config.ts similarity index 78% rename from app.config.ts rename to app/app.config.ts index a1be208a..ac0816f4 100644 --- a/app.config.ts +++ b/app/app.config.ts @@ -1,43 +1,7 @@ export default defineAppConfig({ ui: { - primary: 'yellow', - gray: 'cool', - button: { - base: 'transition ease-in', - color: { - gray: { - solid: 'shadow-none bg-gray-300/20 hover:bg-gray-300/40 dark:bg-gray-700/40 dark:hover:bg-gray-700/50', - }, - }, - variant: { - solid: 'shadow-none', - }, - }, - select: { - base: 'transition ease-in', - color: { - gray: { outline: 'shadow-none bg-gray-300/20 hover:bg-gray-300/40 dark:bg-gray-700/40 dark:hover:bg-gray-700/50' }, - }, - }, - buttonGroup: { - shadow: 'shadow-none', - }, - card: { - base: 'transition ease-in duration-150', - - }, - input: { - base: 'transition ease-in', - color: { - gray: { - outline: 'shadow-none bg-gray-300/20 hover:bg-gray-300/40 dark:bg-gray-700/40 dark:hover:bg-gray-700/50', - }, - }, - }, - selectMenu: { - option: { - base: 'cursor-pointer', - }, + colors: { + primary: 'yellow', }, }, website: { diff --git a/app.vue b/app/app.vue similarity index 50% rename from app.vue rename to app/app.vue index d2e02abf..98661627 100644 --- a/app.vue +++ b/app/app.vue @@ -18,19 +18,19 @@ const isRelation = computed(() => { diff --git a/assets/app.css b/app/assets/main.css similarity index 53% rename from assets/app.css rename to app/assets/main.css index 57dd49f9..c0ccaa1b 100644 --- a/assets/app.css +++ b/app/assets/main.css @@ -1,3 +1,22 @@ +@import "tailwindcss" theme(static); +@import "@nuxt/ui"; + +@theme static { + --font-sans: 'Nunito', sans-serif; + + --color-yellow-50: #FEFDF7; + --color-yellow-100: #FDFCEF; + --color-yellow-200: #FAF6D6; + --color-yellow-300: #F7F1BD; + --color-yellow-400: #F2E78C; + --color-yellow-500: #ECDC5A; + --color-yellow-600: #D4C651; + --color-yellow-700: #8E8436; + --color-yellow-800: #6A6329; + --color-yellow-900: #47421B; + --color-yellow-950: #2F2C12; +} + ::-webkit-scrollbar { width: 0.6em; height: 0.6em; @@ -23,10 +42,6 @@ } } -:is(h1, h2, h3, h4, h5, h6) { -@apply scroll-mt-16 xl:scroll-mt-8 -} - .fade-enter-active, .fade-leave-active { transition: opacity 0.2s ease-in-out; diff --git a/components/Main.vue b/app/components/Main.vue similarity index 100% rename from components/Main.vue rename to app/components/Main.vue diff --git a/components/NavigationModal.vue b/app/components/NavigationModal.vue similarity index 90% rename from components/NavigationModal.vue rename to app/components/NavigationModal.vue index eee99406..c67a6387 100644 --- a/components/NavigationModal.vue +++ b/app/components/NavigationModal.vue @@ -42,7 +42,7 @@ const uiSocialButton = { color: { gray: { ghost: 'dark:text-gray-400 dark:hover: - +