DB2 - Flat style of v-card

This should be a simple one. Sorry for noob front-end questions - I guess this happens with the change of architecture.

I can't seem to get the flat (borderless look) on a v-card. It works in Vuetify Playground etc.

<template>
    <div class="ma-2">
        <v-card 
            text="Hello there!" 
            variant="flat"
        ></v-card>
    </div>
</template>

Page scoped component
Screenshot 2024-02-18 at 12.45.00 pm

Vuetify Playground
Screenshot 2024-02-18 at 12.45.12 pm

The actual issue when nested in the widget. The card text has a border.
Screenshot 2024-02-18 at 12.45.41 pm

Again in vuetify playground. This is why I'm asking here as it seems I'm missing something in the FFDB2 implementation of vue.
Screenshot 2024-02-18 at 12.48.00 pm

I've edited your title & tag, to make it clear to all that this is in reference to Dashboard 2.

1 Like

I have a feeling if the styles/attributes are not used when the dashboard package is compiled they may not get included in the release (for bundling size reasons). If they are to be included, they may need explicitly specified somewhere.

1 Like

Thanks @Steve-Mcl .
@joepavitt can you confirm this?
Is there a workaround?

It wasnt an issue I was aware of, I'm not working today and have a day full of meetings tomorrow, but will investigate on Wednesday.

No worries at all and thank you again for your hard work on ffdb2.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.