mirror of
https://github.com/unraid/api.git
synced 2026-01-26 02:18:49 -06:00
e719780ee8
- Updated CSS variables and utility classes for improved theme integration and style consistency across components. - Introduced a new responsive modal component to enhance user experience on various screen sizes. - Refined button and badge styles to ensure better visual hierarchy and interaction feedback. - Adjusted component imports and structure for better modularity and maintainability. - Removed deprecated styles and streamlined CSS for improved performance and clarity.
32 lines
799 B
Vue
32 lines
799 B
Vue
<script setup lang="ts">
|
|
import type { ComposerTranslation } from 'vue-i18n';
|
|
import { cn } from '@unraid/ui';
|
|
import UpcUptimeExpire from './UptimeExpire.vue';
|
|
import UpcServerState from './ServerState.vue';
|
|
|
|
interface Props {
|
|
t: ComposerTranslation;
|
|
class?: string;
|
|
}
|
|
|
|
defineProps<Props>();
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
:class="
|
|
cn(
|
|
'text-header-text-secondary text-right font-semibold leading-tight',
|
|
'flex flex-col items-end gap-y-0.5 justify-end',
|
|
'xs:flex-row xs:items-baseline xs:gap-x-2 xs:gap-y-0',
|
|
'text-xs',
|
|
$props.class
|
|
)
|
|
"
|
|
>
|
|
<UpcUptimeExpire :as="'span'" :t="t" :short-text="true" class="text-xs" />
|
|
<span class="hidden xs:inline">•</span>
|
|
<UpcServerState :t="t" class="text-xs" />
|
|
</div>
|
|
</template>
|