quivr/frontend/app/globals.css
Zineb El Bachiri 1d7bc8a5bc
Devx/add linter rules (#331)
* remove duplicate import

* 🚧 add new linter configuration

* 🧑‍💻  add and run prettier

* 🐛 add babel parser for linter

* 🧑‍💻 add lint-fix command

* 🚨 use lint-fix

* 🚨 remove 'FC' as a type. Use const and JSX.Element

* 🚨 enforce arrow function rule from linter

* 🔥 delete unused file

* 🚨 adding /* eslint-disable */ in failing files

* 💩 add ts-expect-error to Victory components
2023-06-15 11:52:46 +02:00

47 lines
1.1 KiB
CSS

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
main {
@apply max-w-screen-xl mx-auto flex flex-col;
}
header,
section {
@apply px-5 md:px-10;
}
a {
@apply hover:text-primary dark:hover:text-gray-200 transition-colors;
}
@layer utilities {
.scrollbar::-webkit-scrollbar {
@apply w-2 h-2;
}
.scrollbar::-webkit-scrollbar-track {
/* border-radius: 5px; */
/* background: #fff; */
@apply bg-white dark:bg-black;
}
.scrollbar::-webkit-scrollbar-thumb {
/* background: #000; */
/* border-radius: 100vh; */
/* border: 3px solid #fff; */
@apply bg-gray-200 dark:bg-gray-600 border border-white rounded-sm;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
/* background: #000; */
@apply bg-gray-500;
}
}
.custom-prose {
max-height: 60vh; /* Adjust this value based on the desired maximum height */
overflow-y: auto; /* Enable vertical scroll if the content exceeds the maximum height */
padding-right: 1rem; /* Optional: Add some padding if the scrollbar appears, so the text is not squished */
}