yakovenko_arina/your-gold
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

product page and linter

Browse Source
This commit is contained in:
Marek Goc
2025-07-03 11:13:42 +02:00
parent fbb6c071af
commit 90e1d70f64
72 changed files with 12667 additions and 6578 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
assets/main.css
View File

@ -1,11 +1,11 @@
@import "@nuxt/ui";
@import "tailwindcss";
@import '@nuxt/ui';
@import 'tailwindcss';
@import '@iconscout/unicons/css/line.css';
@theme {
/* fonts */
--font-inter: "Inter", sans-serif;
--font-bounded: "Bounded", sans-serif;
--font-inter: 'Inter', sans-serif;
--font-bounded: 'Bounded', sans-serif;
/* colors */
--color-bg-light: #fffefb;
@ -16,12 +16,12 @@
--color-text-light: #1a1a1a;
--color-text-dark: #fffefb;
--color-block: #E8E7E0;
--color-block: #e8e7e0;
--color-accent-green-light: #004F3D;
--color-accent-green-light: #004f3d;
--color-accent-green-dark: #008567;
--color-gray: #6B6B6B;
--color-gray: #6b6b6b;
/* button */
--color-button: #9a7f62;
--color-button-hover: #b7946d;
@ -54,23 +54,23 @@
}
.space-25-55-75 {
@apply space-y-[25px] sm:space-y-[55px] md:space-y-[75px]
@apply space-y-[25px] sm:space-y-[55px] md:space-y-[75px];
}
.space-25-55 {
@apply space-y-[25px] sm:space-y-[55px]
@apply space-y-[25px] sm:space-y-[55px];
}
.space-25-75 {
@apply space-y-[25px] sm:space-y-[75px]
@apply space-y-[25px] sm:space-y-[75px];
}
.space-55-75 {
@apply space-y-[55px] sm:space-y-[75px]
@apply space-y-[55px] sm:space-y-[75px];
}
}
.main {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
}

34
assets/toastify-custom.css
View File

@ -1,51 +1,51 @@
/* ===== Base toast style (applies to all toasts) ===== */
.Toastify__toast {
font-family: var(--font-inter);
background-color: var(--color-bg-light);
border: 2px solid var(--color-block);
color: var(--color-bg-dark);
border-radius: 8px;
box-shadow: none;
font-family: var(--font-inter);
background-color: var(--color-bg-light);
border: 2px solid var(--color-block);
color: var(--color-bg-dark);
border-radius: 8px;
box-shadow: none;
}
/* ===== Base toast style for dark mode ===== */
.dark .Toastify__toast {
background-color: var(--color-bg-dark);
border: 1px solid var(--color-block);
color: #ffffff;
background-color: var(--color-bg-dark);
border: 1px solid var(--color-block);
color: #ffffff;
}
/* ===== Error toast: red background and white text ===== */
.Toastify__toast--error {
background-color: var(--color-bg-light);
background-color: var(--color-bg-light);
}
/* ===== Error toast in dark mode: darker red background ===== */
.dark .Toastify__toast--error {
background-color: var(--color-bg-dark);
background-color: var(--color-bg-dark);
}
/* ===== Default progress bar color (used for success and others) ===== */
.Toastify__progress-bar {
background-color: var(--color-accent-green-dark);
background-color: var(--color-accent-green-dark);
}
/* ===== Error toast: custom progress bar color ===== */
.Toastify__toast--error .Toastify__progress-bar {
background-color: #dc3545;
background-color: #dc3545;
}
/* ===== Success toast: icon color ===== */
.Toastify__toast--success .Toastify__toast-icon svg {
fill: var(--color-accent-green-dark);
fill: var(--color-accent-green-dark);
}
/* ===== Error toast: icon color ===== */
.Toastify__toast--error .Toastify__toast-icon svg {
fill: #dc3545;
fill: #dc3545;
}
/* ===== Close button color in dark mode ===== */
.dark .Toastify__close-button {
color: #fff;
}
color: #fff;
}