Carregando imagem...
@@ -286,7 +286,7 @@ export default function ImageDetailsPage() { const currentOptions = useOneCard ? [initialOptions[orientationSubpage]] : initialOptions; return ( -diff --git a/dental-server/dental-client/src/index.css b/dental-server/dental-client/src/index.css index ccb7693..85de2d0 100644 --- a/dental-server/dental-client/src/index.css +++ b/dental-server/dental-client/src/index.css @@ -65,7 +65,7 @@ body { .sidebar { width: var(--sidebar-width); height: 100vh; - overflow-y: auto; + overflow: hidden; background: var(--glass-bg); backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); @@ -108,6 +108,25 @@ body { flex: 1; overflow-y: auto; } +/* Customização da scrollbar da navegação interna da sidebar */ +.sidebar-nav::-webkit-scrollbar { + width: 6px; +} +.sidebar-nav::-webkit-scrollbar-track { + background: transparent; +} +.sidebar-nav::-webkit-scrollbar-thumb { + background: rgba(0, 0, 0, 0.15); + border-radius: 99px; +} +.sidebar-nav::-webkit-scrollbar-thumb:hover { + background: rgba(0, 0, 0, 0.3); +} +.sidebar-nav { + scrollbar-width: thin; + scrollbar-color: rgba(0, 0, 0, 0.15) transparent; +} + .nav-item { padding: 8px 12px; border-radius: 8px; color: var(--dark-color); opacity: 0.7; diff --git a/dental-server/dental-client/src/pages/ImageDetailsPage.jsx b/dental-server/dental-client/src/pages/ImageDetailsPage.jsx index fc88067..64018ee 100644 --- a/dental-server/dental-client/src/pages/ImageDetailsPage.jsx +++ b/dental-server/dental-client/src/pages/ImageDetailsPage.jsx @@ -116,7 +116,7 @@ export default function ImageDetailsPage() { if (loading || !image) { return ( -
Carregando imagem...
@@ -286,7 +286,7 @@ export default function ImageDetailsPage() { const currentOptions = useOneCard ? [initialOptions[orientationSubpage]] : initialOptions; return ( -