Andrei
ebd2519974
- Reorganize controls into two logical rows: filters and settings - Fix alignment issues with version selector and toggle button - Center font size controls with other action buttons - Remove version count caption that caused height differences - Maintain full functionality in both normal and reading modes - Improve visual hierarchy and user experience 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
44 lines
832 B
CSS
44 lines
832 B
CSS
@import "tailwindcss";
|
|
|
|
:root {
|
|
--foreground-rgb: 0, 0, 0;
|
|
--background-start-rgb: 214, 219, 220;
|
|
--background-end-rgb: 255, 255, 255;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--foreground-rgb: 255, 255, 255;
|
|
--background-start-rgb: 0, 0, 0;
|
|
--background-end-rgb: 0, 0, 0;
|
|
}
|
|
}
|
|
|
|
body {
|
|
color: rgb(var(--foreground-rgb));
|
|
background: white;
|
|
}
|
|
|
|
.verse {
|
|
transition: background-color 0.2s ease;
|
|
}
|
|
|
|
.verse:hover {
|
|
background-color: rgba(255, 235, 59, 0.2);
|
|
}
|
|
|
|
/* Bible Reader Full Screen Mode - Hide only site-level elements */
|
|
.bible-fullscreen-mode .MuiAppBar-root:first-child,
|
|
.bible-fullscreen-mode footer,
|
|
.bible-fullscreen-mode [data-floating-chat="true"] {
|
|
display: none !important;
|
|
}
|
|
|
|
.bible-fullscreen-mode {
|
|
overflow: auto;
|
|
}
|
|
|
|
.bible-fullscreen-mode body {
|
|
margin: 0;
|
|
padding: 0;
|
|
} |