mirror of
https://github.com/unraid/api.git
synced 2026-01-01 22:20:05 -06:00
86b6c4f85b
Added a Vite plugin to automatically inject the Tailwind CSS import into the `unraid-components.client.js` entry file, enhancing the integration of Tailwind CSS within the application. This change improves the setup for styling components consistently across the project. <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** * Added automated validation to ensure Tailwind CSS styles are correctly included in the custom elements build output. * **Chores** * Updated the build process to include a CSS validation step after manifest generation. * Enhanced development build configuration to enable CSS source maps and optimize Tailwind CSS injection into web components. * Extended CSS theme with new responsive breakpoint variables. * Improved CSS class specificity in user profile, server state, and update modal components for consistent styling. * Removed redundant style blocks and global CSS imports from multiple components to streamline styling and reduce duplication. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
26 lines
566 B
Vue
26 lines
566 B
Vue
<script lang="ts" setup>
|
|
import {
|
|
Popover,
|
|
PopoverContent,
|
|
PopoverTrigger,
|
|
Button,
|
|
} from '@unraid/ui';
|
|
|
|
import DummyServerSwitcher from '~/components/DummyServerSwitcher.vue';
|
|
|
|
import { CogIcon } from '@heroicons/vue/24/solid';
|
|
</script>
|
|
|
|
<template>
|
|
<Popover>
|
|
<PopoverTrigger as-child>
|
|
<Button type="button" size="icon" class="fixed bottom-4 right-4 rounded-full bg-teal-500 z-50"><CogIcon class="size-6" /></Button>
|
|
</PopoverTrigger>
|
|
<PopoverContent>
|
|
<DummyServerSwitcher />
|
|
</PopoverContent>
|
|
</Popover>
|
|
|
|
|
|
</template>
|