Spaces:
Running
Running
File size: 1,576 Bytes
01a34c2 a644f9b 01a34c2 cdab5e3 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 | .shell {
display: flex;
flex-direction: column;
height: 100vh;
overflow: hidden;
padding-bottom: 32px; /* reserve space for the fixed SecurityFooter bar */
}
.header {
display: flex;
align-items: center;
gap: 24px;
padding: 0 28px;
height: 56px;
background: #ffffff;
border-bottom: 2px solid #1e4fa8;
box-shadow: 0 2px 8px rgba(30,79,168,.10);
flex-shrink: 0;
z-index: 10;
}
.logo {
height: 44px;
width: auto;
display: block;
object-fit: contain;
flex-shrink: 0;
}
.nav { display: flex; gap: 4px; margin-left: auto; align-items: center; }
.nav button {
background: transparent;
color: #64748b;
padding: 7px 20px;
font-size: .9rem;
font-weight: 500;
border-radius: 6px;
}
.nav button:hover { color: #1e4fa8; background: #eff4ff; }
.nav button.active { color: #1e4fa8; background: #dce8ff; font-weight: 700; }
.langToggle {
display: flex;
gap: 2px;
margin-left: 8px;
padding-left: 12px;
border-left: 1px solid #e2e8f0;
}
.langToggle button {
background: transparent;
color: #94a3b8;
padding: 5px 9px;
font-size: .78rem;
font-weight: 700;
border-radius: 4px;
letter-spacing: .04em;
}
.langToggle button:hover { color: #1e4fa8; background: #eff4ff; }
.langToggle button.active { color: #1e4fa8; background: #dce8ff; }
/* ── Body: sidebar + main ── */
.body {
flex: 1;
display: flex;
overflow: hidden;
}
.main {
flex: 1;
overflow: hidden;
padding: 20px 28px;
display: flex;
flex-direction: column;
}
.mainScrollable {
flex: 1;
overflow-y: auto;
padding: 20px 28px;
}
|