rename ribbon-disabled to ribbon-red

This commit is contained in:
IsWaffle 2024-11-26 16:05:13 -05:00
parent 2783c2b515
commit 34e545cc8b
3 changed files with 3 additions and 3 deletions

View File

@ -110,7 +110,7 @@ main a:not(.mod-list-component):not(.tab):not([role="menuitem"]) {
}
}
.ribbon-disabled {
.ribbon-red {
@apply ribbon;
@apply text-white bg-red-500 dark:bg-red-700;
}

View File

@ -5,7 +5,7 @@
<div class="ribbon z-10">{{ __('Featured!') }}</div>
@endif
@if ($mod->disabled)
<div class="ribbon-disabled z-10">{{ __('Disabled') }}</div>
<div class="ribbon-red z-10">{{ __('Disabled') }}</div>
@endif
<div class="flex flex-col group h-full w-full bg-white dark:bg-gray-950 rounded-xl shadow-md dark:shadow-gray-950 drop-shadow-2xl overflow-hidden hover:shadow-lg hover:bg-gray-50 dark:hover:bg-black hover:shadow-gray-400 dark:hover:shadow-black transition-colors ease-out duration-700">
<div class="h-auto md:h-full md:flex">

View File

@ -20,7 +20,7 @@
<div class="ribbon z-10">{{ __('Featured!') }}</div>
@endif
@if ($mod->disabled)
<div class="ribbon-disabled z-10">{{ __('Disabled') }}</div>
<div class="ribbon-red z-10">{{ __('Disabled') }}</div>
@endif
<div class="flex flex-col sm:flex-row gap-4 sm:gap-6">
<div class="grow-0 shrink-0 flex justify-center items-center">