Browse Source

fix: `dialog` and `drawer` footer gap in small screen (#5025)

pull/5045/head
Netfan 1 year ago
committed by GitHub
parent
commit
21d37a1be0
No known key found for this signature in database GPG Key ID: B5690EEEBB952194
  1. 5
      packages/@core/ui-kit/shadcn-ui/src/ui/dialog/DialogFooter.vue
  2. 5
      packages/@core/ui-kit/shadcn-ui/src/ui/sheet/SheetFooter.vue

5
packages/@core/ui-kit/shadcn-ui/src/ui/dialog/DialogFooter.vue

@ -7,10 +7,7 @@ const props = defineProps<{ class?: any }>();
<template>
<div
:class="
cn(
'flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2',
props.class,
)
cn('flex flex-row flex-col-reverse justify-end gap-x-2', props.class)
"
>
<slot></slot>

5
packages/@core/ui-kit/shadcn-ui/src/ui/sheet/SheetFooter.vue

@ -7,10 +7,7 @@ const props = defineProps<{ class?: any }>();
<template>
<div
:class="
cn(
'flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2',
props.class,
)
cn('flex flex-row flex-col-reverse justify-end gap-x-2', props.class)
"
>
<slot></slot>

Loading…
Cancel
Save