refactor: modal font size increase

This commit is contained in:
Zack Spear
2023-07-03 13:56:19 -07:00
committed by Zack Spear
parent 4b84acf4f8
commit bed928ee5b
2 changed files with 6 additions and 6 deletions

View File

@@ -92,7 +92,7 @@ const ariaLablledById = computed((): string|undefined => props.title ? `ModalTit
{{ title }}
<slot name="headerTitle"></slot>
</h1>
<h2 v-if="description" class="text-16px opacity-75">{{ description }}</h2>
<h2 v-if="description" class="text-20px opacity-75">{{ description }}</h2>
</template>
<slot name="header"></slot>
</header>

View File

@@ -16,11 +16,11 @@ withDefaults(defineProps<Props>(), {
<template>
<div class="mx-auto max-w-[45ch]">
<div class="flex items-center justify-center gap-x-8px">
<CheckCircleIcon v-if="success" class="fill-green-600 w-24px shrink-0" />
<XCircleIcon v-if="error" class="fill-unraid-red w-24px shrink-0" />
<component v-if="icon" :is="icon" class="fill-current opacity-75 w-24px shrink-0" />
<p>{{ text }}</p>
<div class="flex items-start justify-start gap-x-8px">
<CheckCircleIcon v-if="success" class="fill-green-600 w-28px shrink-0" />
<XCircleIcon v-if="error" class="fill-unraid-red w-28px shrink-0" />
<component v-if="icon" :is="icon" class="fill-current opacity-75 w-28px shrink-0" />
<p class="text-18px">{{ text }}</p>
</div>
<slot></slot>
</div>