Andrei
6329ad0618
- Replace Select components with Autocomplete for enhanced UX - Add real-time search for bible versions (1400+ options) - Enable book search by name or testament - Improve version display format: "Name - Abbreviation" - Add rich option rendering with metadata (language, chapters) - Include smart filtering across multiple fields - Maintain keyboard navigation and accessibility - Fix header visibility issue in full screen mode 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
51 lines
1.0 KiB
CSS
51 lines
1.0 KiB
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 header,
|
|
.bible-fullscreen-mode nav,
|
|
.bible-fullscreen-mode .MuiAppBar-root,
|
|
.bible-fullscreen-mode footer,
|
|
.bible-fullscreen-mode [data-floating-chat="true"] {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Exception: Keep bible reader's internal navigation visible */
|
|
.bible-fullscreen-mode .MuiContainer-root .MuiPaper-root {
|
|
display: block !important;
|
|
}
|
|
|
|
.bible-fullscreen-mode {
|
|
overflow: auto;
|
|
}
|
|
|
|
.bible-fullscreen-mode body {
|
|
margin: 0;
|
|
padding: 0;
|
|
} |