Rodrigo Rodriguez (Pragmatismo)
5f12dd13b8
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.
77 lines
1.3 KiB
CSS
77 lines
1.3 KiB
CSS
/* Player specific styles */
|
|
.player-container {
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
padding: 1rem;
|
|
}
|
|
|
|
.video-container {
|
|
background: #000;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.video-container video {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
|
|
.player-controls {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 1rem;
|
|
}
|
|
|
|
.play-btn {
|
|
padding: 0.5rem 1rem;
|
|
background: hsl(var(--primary));
|
|
color: hsl(var(--primary-foreground));
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.time-display {
|
|
font-family: monospace;
|
|
font-size: 0.9rem;
|
|
color: hsl(var(--muted-foreground));
|
|
}
|
|
|
|
/* Slider styles */
|
|
.slider {
|
|
flex: 1;
|
|
height: 4px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.slider::-webkit-slider-thumb {
|
|
appearance: none;
|
|
height: 12px;
|
|
width: 12px;
|
|
border-radius: 50%;
|
|
background: hsl(var(--primary));
|
|
cursor: pointer;
|
|
border: 2px solid hsl(var(--primary-foreground));
|
|
}
|
|
|
|
.slider::-moz-range-thumb {
|
|
height: 12px;
|
|
width: 12px;
|
|
border-radius: 50%;
|
|
background: hsl(var(--primary));
|
|
cursor: pointer;
|
|
border: 2px solid hsl(var(--primary-foreground));
|
|
}
|
|
|
|
.slider::-webkit-slider-track {
|
|
height: 4px;
|
|
cursor: pointer;
|
|
background: hsl(var(--muted));
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.slider::-moz-range-track {
|
|
height: 4px;
|
|
cursor: pointer;
|
|
background: hsl(var(--muted));
|
|
border-radius: 2px;
|
|
}
|