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
1.1 KiB
CSS
66 lines
1.1 KiB
CSS
/* Editor specific styles */
|
|
#editor-content {
|
|
min-height: 100%;
|
|
outline: none;
|
|
padding: 1rem;
|
|
}
|
|
|
|
#editor-content h1,
|
|
#editor-content h2,
|
|
#editor-content h3,
|
|
#editor-content p {
|
|
margin: 0.5rem 0;
|
|
}
|
|
|
|
#editor-content img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
/* Ribbon button active state */
|
|
.ribbon-button.active {
|
|
background: hsl(var(--primary));
|
|
color: hsl(var(--primary-foreground));
|
|
}
|
|
|
|
/* Ribbon group styling */
|
|
.ribbon-group {
|
|
padding: 0.5rem;
|
|
border-right: 1px solid hsl(var(--border));
|
|
&:last-child {
|
|
border-right: none;
|
|
}
|
|
}
|
|
|
|
.ribbon-group-title {
|
|
font-size: 0.8rem;
|
|
text-align: center;
|
|
margin-bottom: 0.5rem;
|
|
color: hsl(var(--muted-foreground));
|
|
}
|
|
|
|
.ribbon-group-content {
|
|
display: flex;
|
|
gap: 0.25rem;
|
|
}
|
|
|
|
/* Page simulation */
|
|
.page {
|
|
width: 210mm;
|
|
min-height: 297mm;
|
|
background: white;
|
|
box-shadow:
|
|
0 0 0 1px hsl(var(--border)),
|
|
0 4px 8px rgba(0, 0, 0, 0.1);
|
|
position: relative;
|
|
margin: 1rem auto;
|
|
}
|
|
|
|
.page-number {
|
|
position: absolute;
|
|
top: -1.5rem;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
font-size: 0.8rem;
|
|
color: hsl(var(--muted-foreground));
|
|
}
|