mirror of
https://github.com/unraid/api.git
synced 2026-01-04 15:39:52 -06:00
88087d5201
<!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** * Standalone web bundle with auto-mount utilities and a self-contained test page. * New responsive modal components for consistent mobile/desktop dialogs. * Header actions to copy OS/API versions. * **Improvements** * Refreshed UI styles (muted borders), accessibility and animation refinements. * Theming updates and Tailwind v4–aligned, component-scoped styles. * Runtime GraphQL endpoint override and CSRF header support. * **Bug Fixes** * Safer network fetching and improved manifest/asset loading with duplicate protection. * **Tests/Chores** * Parallel plugin tests, new extractor test suite, and updated build/test scripts. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
82 lines
1.8 KiB
CSS
82 lines
1.8 KiB
CSS
/*
|
|
* Tailwind v4 configuration without global preflight
|
|
* This prevents Tailwind from applying global resets that affect webgui
|
|
*/
|
|
|
|
/* Import only the parts of Tailwind we need - NO PREFLIGHT */
|
|
@import 'tailwindcss/theme.css';
|
|
@import 'tailwindcss/utilities.css';
|
|
@import 'tw-animate-css';
|
|
@import '../../@tailwind-shared/index.css';
|
|
@import '@nuxt/ui';
|
|
|
|
/* Scan unraid-ui package from linked directory for class usage */
|
|
@source "../../unraid-ui/dist/**/*.{js,mjs}";
|
|
@source "../../unraid-ui/src/**/*.{vue,ts}";
|
|
@source "../**/*.{vue,ts,js}";
|
|
|
|
/*
|
|
* Minimal styles for our components
|
|
* Only essential styles to ensure components work properly
|
|
*/
|
|
|
|
/* Box-sizing for proper layout */
|
|
.unapi *,
|
|
.unapi *::before,
|
|
.unapi *::after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* Reset figure element for logo */
|
|
.unapi figure {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Reset heading elements - only margin/padding */
|
|
.unapi h1,
|
|
.unapi h2,
|
|
.unapi h3,
|
|
.unapi h4,
|
|
.unapi h5 {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Reset paragraph element */
|
|
.unapi p {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* Reset toggle/switch button backgrounds */
|
|
button[role="switch"],
|
|
button[role="switch"][data-state="checked"],
|
|
button[role="switch"][data-state="unchecked"] {
|
|
background-color: transparent !important;
|
|
background: transparent !important;
|
|
border: 1px solid #ccc !important;
|
|
}
|
|
|
|
/* Style for checked state */
|
|
button[role="switch"][data-state="checked"] {
|
|
background-color: #ff8c2f !important; /* Unraid orange */
|
|
}
|
|
|
|
/* Style for unchecked state */
|
|
button[role="switch"][data-state="unchecked"] {
|
|
background-color: #e5e5e5 !important;
|
|
}
|
|
|
|
/* Dark mode toggle styles */
|
|
.dark button[role="switch"][data-state="unchecked"] {
|
|
background-color: #333 !important;
|
|
border-color: #555 !important;
|
|
}
|
|
|
|
/* Toggle thumb/handle */
|
|
button[role="switch"] span {
|
|
background-color: white !important;
|
|
}
|
|
|