quivr/frontend/app/globals.css
Zineb El Bachiri fbb841393a
Fix/footer (#268)
* 🐛 fix footer for pages (not chat page)

* 💄 make footer sticky at bottom

* 💄 fix display of chat over footer

*  multiple lines chat message input
2023-06-06 13:59:39 +02:00

46 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 */
}