feat(VLayout): add dimension support

vuetifyjs · Apr 28, 2024 · 0114108 · 0114108
1 parent bc32a67
commit 0114108
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/vuetify/src/components/VLayout/VLayout.tsx b/packages/vuetify/src/components/VLayout/VLayout.tsx
@@ -3,6 +3,7 @@ import './VLayout.sass'
 
 // Composables
 import { makeComponentProps } from '@/composables/component'
+import { makeDimensionProps, useDimension } from '@/composables/dimensions'
 import { createLayout, makeLayoutProps } from '@/composables/layout'
 
 // Utilities
@@ -11,6 +12,7 @@ import { genericComponent, propsFactory, useRender } from '@/util'
 
 export const makeVLayoutProps = propsFactory({
   ...makeComponentProps(),
+  ...makeDimensionProps(),
   ...makeLayoutProps(),
 }, 'VLayout')
 
@@ -21,6 +23,7 @@ export const VLayout = genericComponent()({
 
   setup (props, { slots }) {
     const { layoutClasses, layoutStyles, getLayoutItem, items, layoutRef } = createLayout(props)
+    const { dimensionStyles } = useDimension(props)
 
     useRender(() => (
       <div
@@ -30,6 +33,7 @@ export const VLayout = genericComponent()({
           props.class,
         ]}
         style={[
+          dimensionStyles.value,
           layoutStyles.value,
           props.style,
         ]}