From 7e0fdf509347d16d9d4d5ae70c48d192efb6da04 Mon Sep 17 00:00:00 2001
From: VPS 4 Deploy Agent <deploy@clube67.com>
Date: Mon, 1 Jun 2026 00:54:49 +0200
Subject: [PATCH] =?UTF-8?q?fix(layout):=20corrige=20container=20da=20p?=
 =?UTF-8?q?=C3=A1gina=20de=20detalhes=20e=20melhora=20scroll=20da=20sideba?=
 =?UTF-8?q?r=20(itens=203=20e=204)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dental-server/dental-client/src/index.css     | 21 ++++++++++++++++++-
 .../src/pages/ImageDetailsPage.jsx            |  4 ++--
 2 files changed, 22 insertions(+), 3 deletions(-)

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 (
-      <div className="layout">
+      <div className="app-container">
         <Sidebar />
         <main className="main-content" style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
           <p>Carregando imagem...</p>
@@ -286,7 +286,7 @@ export default function ImageDetailsPage() {
   const currentOptions = useOneCard ? [initialOptions[orientationSubpage]] : initialOptions;
 
   return (
-    <div className="layout">
+    <div className="app-container">
       <Sidebar />
       <main className="main-content">
         {/* Top Header para navegação / Voltar */}