Added new navigation links for Dashboard, Editor, Player, Paper, Settings, Tables, and News sections. Each link includes click handlers to switch sections and active state styling. This expands the application's navigation options for better user access to different features.
45 lines
639 B
CSS
45 lines
639 B
CSS
/* Mail Styles */
|
|
.mail-layout {
|
|
display: grid;
|
|
grid-template-columns: 250px 350px 1fr;
|
|
gap: 1rem;
|
|
padding: 1rem;
|
|
height: 100%;
|
|
}
|
|
|
|
.mail-sidebar, .mail-list, .mail-content {
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.mail-item {
|
|
padding: 1rem;
|
|
cursor: pointer;
|
|
border-bottom: 1px solid #334155;
|
|
transition: background 0.2s;
|
|
}
|
|
|
|
.mail-item:hover {
|
|
background: #334155;
|
|
}
|
|
|
|
.mail-item.unread {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.mail-item.selected {
|
|
background: #1e40af;
|
|
}
|
|
|
|
.mail-content-view {
|
|
padding: 2rem;
|
|
}
|
|
|
|
.mail-header {
|
|
margin-bottom: 2rem;
|
|
padding-bottom: 1rem;
|
|
border-bottom: 1px solid #334155;
|
|
}
|
|
|
|
.mail-body {
|
|
line-height: 1.6;
|
|
}
|