Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report][3.7.1] VBanner different layout when using slots #20447

Open
JoniLieh opened this issue Sep 9, 2024 · 1 comment
Open

[Bug Report][3.7.1] VBanner different layout when using slots #20447

JoniLieh opened this issue Sep 9, 2024 · 1 comment

Comments

@JoniLieh
Copy link

JoniLieh commented Sep 9, 2024

Environment

Vuetify Version: 3.7.1
Vue Version: 3.5.3
Browsers: Chrome 128.0.0.0
OS: Windows 10

Steps to reproduce

compare <v-banner-text></v-banner-text> <v-banner-actions></v-banner-actions>
with
<template #text></template> <template #actions></template>

Expected Behavior

Both banner layout should look the same

Actual Behavior

The actions are set different

Reproduction Link

https://play.vuetifyjs.com/#...

@JoniLieh
Copy link
Author

Since its d-flex im guessing letting the v-banner-text grow will fix it or just using v-spacer as a workaround

@JoniLieh JoniLieh changed the title [Bug Report][3.7.1] VBanner different layout when usin slots [Bug Report][3.7.1] VBanner different layout when using slots Sep 11, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant