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.
108 lines
1.6 KiB
CSS
108 lines
1.6 KiB
CSS
/* Tables specific styles */
|
|
.app-container {
|
|
display: 100vh;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
}
|
|
|
|
.content-container {
|
|
flex: 1;
|
|
overflow: 1rem;
|
|
}
|
|
|
|
.header {
|
|
padding: 1rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.subtitle {
|
|
color: hsl(var(--muted-foreground));
|
|
font-size: 0.875rem;
|
|
}
|
|
|
|
.resizable-container {
|
|
display: flex;
|
|
height: 100%;
|
|
}
|
|
|
|
.resizable-panel {
|
|
overflow: auto;
|
|
}
|
|
|
|
.resizable-handle {
|
|
width: 4px;
|
|
background: hsl(var(--border));
|
|
cursor: col-resize;
|
|
}
|
|
|
|
.spreadsheet-content {
|
|
width: 100%;
|
|
overflow: auto;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
}
|
|
|
|
th, td {
|
|
border: 1px solid hsl(var(--border));
|
|
padding: 0.5rem;
|
|
min-width: 100px;
|
|
}
|
|
|
|
th {
|
|
background: hsl(var(--muted));
|
|
position: sticky;
|
|
top: 0;
|
|
}
|
|
|
|
td.selected {
|
|
background: hsl(var(--accent));
|
|
color: hsl(var(--accent-foreground));
|
|
}
|
|
|
|
.formula-bar {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0.5rem;
|
|
border-top: 1px solid hsl(var(--border));
|
|
}
|
|
|
|
.formula-bar span {
|
|
margin-right: 0.5rem;
|
|
font-family: monospace;
|
|
}
|
|
|
|
.formula-bar input {
|
|
flex: 1;
|
|
padding: 0.25rem;
|
|
}
|
|
|
|
.status-bar {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 0.5rem;
|
|
border-top: 1px solid hsl(var(--border));
|
|
font-size: 0.875rem;
|
|
}
|
|
|
|
.toolbar {
|
|
display: flex;
|
|
gap: 0.5rem;
|
|
padding: 0.5rem;
|
|
border-top: 1px solid hsl(var(--border));
|
|
}
|
|
|
|
.toolbar button {
|
|
padding: 0.25rem 0.5rem;
|
|
background: hsl(var(--primary));
|
|
color: hsl(var(--primary-foreground));
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.toolbar button:hover {
|
|
background: hsl(var(--primary)/0.9);
|
|
}
|