Rodrigo Rodriguez (Pragmatismo)
b9395cb0d7
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.
66 lines
957 B
CSS
66 lines
957 B
CSS
/* Drive Styles */
|
|
.drive-layout {
|
|
display: grid;
|
|
grid-template-columns: 250px 1fr 300px;
|
|
gap: 1rem;
|
|
padding: 1rem;
|
|
height: 100%;
|
|
}
|
|
|
|
.drive-sidebar, .drive-details {
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.drive-main {
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.nav-item {
|
|
padding: 0.75rem 1rem;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.75rem;
|
|
cursor: pointer;
|
|
border-radius: 0.375rem;
|
|
margin: 0.25rem 0.5rem;
|
|
transition: background 0.2s;
|
|
}
|
|
|
|
.nav-item:hover {
|
|
background: #334155;
|
|
}
|
|
|
|
.nav-item.active {
|
|
background: #3b82f6;
|
|
}
|
|
|
|
.file-list {
|
|
flex: 1;
|
|
overflow-y: auto;
|
|
padding: 1rem;
|
|
}
|
|
|
|
.file-item {
|
|
padding: 1rem;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 1rem;
|
|
cursor: pointer;
|
|
border-radius: 0.375rem;
|
|
border-bottom: 1px solid #334155;
|
|
transition: background 0.2s;
|
|
}
|
|
|
|
.file-item:hover {
|
|
background: #334155;
|
|
}
|
|
|
|
.file-item.selected {
|
|
background: #1e40af;
|
|
}
|
|
|
|
.file-icon {
|
|
font-size: 2rem;
|
|
}
|