-
-
Notifications
You must be signed in to change notification settings - Fork 182
Description
maryUI version
2.4.0
daisyUI version
5.0.35
Livewire version
3.6.3
What browsers are affected?
Firefox, Chrome, Safari, Microsoft Edge
What happened?
DaisyUI modals all have their titles set with text-lg font-bold
.
MaryUI does things differently, defining the title as:
@if($title)
<x-mary-header :title="$title" :subtitle="$subtitle" size="text-xl" :separator="$separator" class="!mb-5" />
@endif
where apparently, x-mary-header
is used ONLY for modals (unless my VScode has somehow missed other instances of it + it is a standalone component), and forces the font with a slightly odd code:
<div @class(["flex", "items-center", "$size font-extrabold", is_string($title) ? '' : $title?->attributes->get('class') ]) >
So both the size and the weight do not match DaisyUI but on top of that, this unique header makes it difficult to tweak; unlike any other component I have used so far, overriding the title with something like: <span class="font-bold">Login / Register</span>
results in the HTML code appearing as is in the page:
Should the header be dropped completely? Or set to accept classes passed to the modal's title
slot (and have defaults that match DaisyUI)?