mirror of
https://github.com/unraid/api.git
synced 2026-01-04 07:29:48 -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 -->
34 lines
1.5 KiB
Vue
34 lines
1.5 KiB
Vue
<script setup lang="ts">
|
|
import { useI18n } from 'vue-i18n';
|
|
import { storeToRefs } from 'pinia';
|
|
|
|
import { useCallbackActionsStore } from '~/store/callbackActions';
|
|
import { useTrialStore } from '~/store/trial';
|
|
import { useUpdateOsStore } from '~/store/updateOs';
|
|
import { useApiKeyStore } from '~/store/apiKey';
|
|
import ApiKeyCreate from '~/components/ApiKey/ApiKeyCreate.vue';
|
|
import UpcCallbackFeedback from '~/components/UserProfile/CallbackFeedback.vue';
|
|
import UpcTrial from '~/components/UserProfile/Trial.vue';
|
|
import UpdateOsCheckUpdateResponseModal from '~/components/UpdateOs/CheckUpdateResponseModal.vue';
|
|
import UpdateOsChangelogModal from '~/components/UpdateOs/ChangelogModal.vue';
|
|
import ActivationModal from '~/components/Activation/ActivationModal.vue';
|
|
|
|
const { t } = useI18n();
|
|
|
|
const { callbackStatus } = storeToRefs(useCallbackActionsStore());
|
|
const { trialModalVisible } = storeToRefs(useTrialStore());
|
|
const { updateOsModalVisible, changelogModalVisible } = storeToRefs(useUpdateOsStore());
|
|
const { modalVisible: apiKeyModalVisible } = storeToRefs(useApiKeyStore());
|
|
</script>
|
|
|
|
<template>
|
|
<div id="modals" ref="modals" class="relative z-99999">
|
|
<UpcCallbackFeedback :t="t" :open="callbackStatus !== 'ready'" />
|
|
<UpcTrial :t="t" :open="trialModalVisible" />
|
|
<UpdateOsCheckUpdateResponseModal :t="t" :open="updateOsModalVisible" />
|
|
<UpdateOsChangelogModal :t="t" :open="changelogModalVisible" />
|
|
<ActivationModal :t="t" />
|
|
<ApiKeyCreate :open="apiKeyModalVisible" :t="t" />
|
|
</div>
|
|
</template>
|