mirror of
https://github.com/unraid/api.git
synced 2026-01-04 23:50:37 -06:00
ce67257526
- Updated the `.unraid-reset` class in `main.css` to include additional properties for better styling consistency across Unraid components. - Refined the `autoMountComponent` function in `vue-mount-app.ts` to check for element existence before mounting, improving robustness and preventing errors during the mounting process.
54 lines
1.2 KiB
CSS
54 lines
1.2 KiB
CSS
@import 'tailwindcss';
|
|
@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}";
|
|
|
|
/* Reset inherited styles from webgui for Unraid components */
|
|
.unraid-reset {
|
|
/* Create a new stacking context */
|
|
isolation: isolate;
|
|
|
|
/* Reset text and spacing properties that commonly leak from webgui */
|
|
font-size: 1rem;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
text-transform: none;
|
|
letter-spacing: normal;
|
|
word-spacing: normal;
|
|
|
|
/* Reset box model */
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
|
|
/* Ensure proper box sizing */
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.unraid-reset * {
|
|
/* Ensure all children use border-box */
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* Specific resets for interactive elements to restore functionality */
|
|
.unraid-reset button,
|
|
.unraid-reset input,
|
|
.unraid-reset select,
|
|
.unraid-reset textarea {
|
|
cursor: revert;
|
|
}
|
|
|
|
.unraid-reset a {
|
|
cursor: pointer;
|
|
text-decoration: revert;
|
|
}
|
|
|
|
.unraid-reset [hidden] {
|
|
display: none !important;
|
|
}
|