# DB2 - Flat style of v-card

**URL:** <https://discourse.nodered.org/t/db2-flat-style-of-v-card/85629>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [18 February 2024 01:48 UTC](https://discourse.nodered.org/t/db2-flat-style-of-v-card/85629 "2024-02-18T01:48:59Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Waz](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/waz/32/64482_2.png) [@Waz](https://discourse.nodered.org/u/Waz)\
**Post date:** [18 February 2024 01:48 UTC](https://discourse.nodered.org/t/db2-flat-style-of-v-card/85629/1 "2024-02-18T01:48:59Z")

</div>

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.

```auto
<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](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/1/117bc2563de91e36cd65dd038dad68939f0b0a3a.png)

Vuetify Playground  
 ![Screenshot 2024-02-18 at 12.45.12 pm](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/8/58fac2932031ee88efe7bb42b713c0021efb7edc.png)

The actual issue when nested in the widget. The card text has a border.  
 ![Screenshot 2024-02-18 at 12.45.41 pm](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/a/aa07ca8638694ee5bd472e043e13dce897e54d33.png)

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](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/c/dcb344ebae343e8143ab45c5b27d418e1c204d62.png)

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [18 February 2024 09:18 UTC](https://discourse.nodered.org/t/db2-flat-style-of-v-card/85629/2 "2024-02-18T09:18:39Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [18 February 2024 09:41 UTC](https://discourse.nodered.org/t/db2-flat-style-of-v-card/85629/3 "2024-02-18T09:41:23Z")

</div>

> [@Waz](#):
>
> This is why I'm asking here as it seems I'm missing something in the FFDB2 implementation of vue.

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.

---

<div class="post-metadata">

**Author:** ![Waz](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/waz/32/64482_2.png) [@Waz](https://discourse.nodered.org/u/Waz)\
**Post date:** [19 February 2024 00:45 UTC](https://discourse.nodered.org/t/db2-flat-style-of-v-card/85629/4 "2024-02-19T00:45:43Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)\
**Post date:** [19 February 2024 06:47 UTC](https://discourse.nodered.org/t/db2-flat-style-of-v-card/85629/5 "2024-02-19T06:47:00Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Waz](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/waz/32/64482_2.png) [@Waz](https://discourse.nodered.org/u/Waz)\
**Post date:** [19 February 2024 06:48 UTC](https://discourse.nodered.org/t/db2-flat-style-of-v-card/85629/6 "2024-02-19T06:48:18Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [20 March 2024 06:48 UTC](https://discourse.nodered.org/t/db2-flat-style-of-v-card/85629/7 "2024-03-20T06:48:56Z")

</div>

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