Update favicon and enhance UI components for improved user experience
- Replaced PNG favicon with SVG for better scalability and visual quality across devices. - Updated Vite configuration to include the new SVG favicon and adjusted asset paths. - Enhanced various UI components with improved focus management and accessibility features. - Introduced new styles to hide scrollbars while maintaining scroll functionality for a cleaner interface.
This commit is contained in:
@@ -444,6 +444,28 @@ body {
|
||||
background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.2) 100%);
|
||||
}
|
||||
|
||||
/* Hide scrollbar but keep scroll functionality - applied globally to all scrollable content */
|
||||
.scrollbar-hide,
|
||||
.overflow-y-auto,
|
||||
.overflow-auto,
|
||||
.overflow-y-scroll,
|
||||
.iframe-scrollbar-hide {
|
||||
-ms-overflow-style: none;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
.scrollbar-hide::-webkit-scrollbar,
|
||||
.overflow-y-auto::-webkit-scrollbar,
|
||||
.overflow-auto::-webkit-scrollbar,
|
||||
.overflow-y-scroll::-webkit-scrollbar,
|
||||
.iframe-scrollbar-hide::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
/* Iframe scrollbar hide - targets iframe element; inner doc scrollbars need same-origin injection */
|
||||
iframe.iframe-scrollbar-hide {
|
||||
-ms-overflow-style: none;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
|
||||
/* Animations */
|
||||
@keyframes fadeUpIn {
|
||||
0% {
|
||||
|
||||
Reference in New Issue
Block a user