diff --git a/assets/core.scss b/assets/core.scss index c510b1d..eddfa75 100644 --- a/assets/core.scss +++ b/assets/core.scss @@ -1,7 +1,3 @@ -@tailwind base; -@tailwind components; -@tailwind utilities; - $motiva: ( ("MotivaSansThin.ttf", "ttf", 100, normal), ("MotivaSansLight.woff.ttf", "woff", 300, normal), @@ -72,3 +68,12 @@ $helvetica: ( .store-caoursel > .carousel__viewport { overflow: visible !important; } + + +button { + cursor: pointer !important; +} + +html { + background-color: oklch(.21 .006 285.885); +} \ No newline at end of file diff --git a/assets/tailwindcss.css b/assets/tailwindcss.css new file mode 100644 index 0000000..c64f75c --- /dev/null +++ b/assets/tailwindcss.css @@ -0,0 +1,4 @@ +@import "tailwindcss"; +@plugin "@tailwindcss/typography"; +@plugin "@tailwindcss/forms"; +@config "../tailwind.config.js"; \ No newline at end of file diff --git a/components/AddLibraryButton.vue b/components/AddLibraryButton.vue index 171720b..19c7cee 100644 --- a/components/AddLibraryButton.vue +++ b/components/AddLibraryButton.vue @@ -4,7 +4,7 @@ :loading="isLibraryLoading" @click="() => toggleLibrary()" :style="'none'" - class="transition w-48 inline-flex items-center justify-center gap-x-2 rounded-l-md bg-white/10 group-hover:bg-white/15 text-zinc-100 backdrop-blur px-5 py-3 active:scale-95" + class="transition w-48 h-fit gap-x-2 rounded-none rounded-l-md bg-white/10 hover:bg-white/20 text-zinc-100 backdrop-blur px-5 py-3 active:scale-95" > {{ inLibrary ? "In Library" : "Add to Library" }}