File size: 1,125 Bytes
bed1116 edadf2c bed1116 edadf2c bed1116 edadf2c bed1116 edadf2c bed1116 edadf2c bed1116 edadf2c bed1116 edadf2c bed1116 edadf2c | 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 | .shell {
display: flex;
flex-direction: column;
min-height: 100vh;
background: var(--bg-primary);
color: var(--text-primary);
}
.tab-bar {
display: flex;
align-items: center;
background: var(--surface);
border-bottom: 1px solid var(--border-color);
padding: 0 0.5rem;
}
.tab {
padding: 0.9rem 1.5rem;
text-decoration: none;
color: var(--text-secondary);
font-weight: 500;
border-bottom: 3px solid transparent;
transition: color 0.2s, border-color 0.2s;
}
.tab:hover {
color: var(--text-primary);
}
.tab.active {
border-bottom-color: var(--accent);
color: var(--text-primary);
font-weight: 600;
}
.logout {
margin-left: auto;
align-self: center;
margin-right: 1rem;
padding: 0.45rem 1.1rem;
border: 1px solid var(--border-color);
border-radius: 8px;
background: transparent;
color: var(--text-secondary);
font-weight: 500;
cursor: pointer;
transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.logout:hover {
background: rgba(239, 68, 68, 0.12);
border-color: var(--danger);
color: var(--danger);
}
.content {
flex: 1;
padding: 2rem;
}
|