mirror of
https://github.com/unraid/api.git
synced 2026-01-07 09:10:05 -06:00
2c62e0ad09
<!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** * Streamlined Tailwind CSS integration using Vite plugin, eliminating the need for separate Tailwind config files. * Updated theme and color variables for improved consistency and maintainability. * **Style** * Standardized spacing, sizing, and font classes across all components using Tailwind’s default scale. * Reduced excessive gaps, padding, and font sizes for a more compact and cohesive UI. * Updated gradient, border, and shadow classes to match Tailwind v4 conventions. * Replaced custom pixel-based classes with Tailwind’s bracketed arbitrary value syntax where needed. * Replaced focus outline styles from `outline-none` to `outline-hidden` for consistent focus handling. * Updated flex shrink/grow utility classes to use newer shorthand forms. * Converted several component templates to use self-closing tags for cleaner markup. * Adjusted icon sizes and spacing for improved visual balance. * **Chores** * Removed legacy Tailwind/PostCSS configuration files and related scripts. * Updated and cleaned up package dependencies for Tailwind v4 and related plugins. * Removed unused or redundant build scripts and configuration exports. * Updated documentation to reflect new Tailwind v4 usage. * Removed Prettier Tailwind plugin from formatting configurations. * Removed Nuxt Tailwind module in favor of direct Vite plugin integration. * Cleaned up ESLint config by removing Prettier integration. * **Bug Fixes** * Corrected invalid or outdated Tailwind class names and syntax. * Fixed issues with max-width and other utility classes for improved layout consistency. * **Tests** * Updated test assertions to match new class names and styling conventions. * **Documentation** * Revised README and internal notes to clarify Tailwind v4 adoption and configuration changes. * Added new development notes emphasizing Tailwind v4 usage and documentation references. * **UI Components** * Enhanced BrandButton stories with detailed variant, size, and padding showcases for better visual testing. * Improved theme store to apply dark mode class on both `<html>` and `<body>` elements for compatibility. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
39 lines
1.4 KiB
Vue
39 lines
1.4 KiB
Vue
<script lang="ts" setup>
|
|
import { storeToRefs } from 'pinia';
|
|
|
|
import { ExclamationTriangleIcon } from '@heroicons/vue/24/solid';
|
|
import { CardWrapper } from '@unraid/ui';
|
|
|
|
import type { ComposerTranslation } from 'vue-i18n';
|
|
|
|
import { useUpdateOsActionsStore } from '~/store/updateOsActions';
|
|
|
|
defineProps<{
|
|
t: ComposerTranslation;
|
|
}>();
|
|
|
|
const { rebootTypeText } = storeToRefs(useUpdateOsActionsStore());
|
|
</script>
|
|
|
|
<template>
|
|
<CardWrapper :increased-padding="true">
|
|
<div class="flex flex-col sm:flex-row sm:justify-between sm:items-start gap-5 sm:gap-6">
|
|
<div class="grid gap-y-4">
|
|
<h3 class="text-xl font-semibold leading-normal flex flex-row items-center gap-2">
|
|
<ExclamationTriangleIcon class="w-5 shrink-0" />
|
|
{{ t(rebootTypeText) }}
|
|
</h3>
|
|
<div class="text-base leading-relaxed opacity-75 whitespace-normal">
|
|
<p>
|
|
{{
|
|
t(
|
|
'During the Unraid OS update process third-party drivers were detected and are currently being updated in the background. Please wait for those to finish downloading before rebooting your server to complete the update process. You should receive a system notification when complete. You may also refresh this page to check for an updated status.'
|
|
)
|
|
}}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</CardWrapper>
|
|
</template>
|