Skip to content

Font issues with title of modals #901

@AtmoFX

Description

@AtmoFX

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:

Image

Should the header be dropped completely? Or set to accept classes passed to the modal's title slot (and have defaults that match DaisyUI)?

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions