feat(ui): default spacing for alert actions
This commit is contained in:
		
							parent
							
								
									c56d0edd2b
								
							
						
					
					
						commit
						00e5c4dc14
					
				| 
						 | 
					@ -2,6 +2,8 @@
 | 
				
			||||||
import { type PastelProps, color } from '~/composables/color'
 | 
					import { type PastelProps, color } from '~/composables/color'
 | 
				
			||||||
import { type AlignmentProps, align } from '~/composables/alignment'
 | 
					import { type AlignmentProps, align } from '~/composables/alignment'
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					import Layout from '~/components/ui/Layout.vue'
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export type Props = PastelProps & AlignmentProps
 | 
					export type Props = PastelProps & AlignmentProps
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const props = defineProps<Props>()
 | 
					const props = defineProps<Props>()
 | 
				
			||||||
| 
						 | 
					@ -19,12 +21,13 @@ const props = defineProps<Props>()
 | 
				
			||||||
  >
 | 
					  >
 | 
				
			||||||
    <slot />
 | 
					    <slot />
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    <div
 | 
					    <Layout
 | 
				
			||||||
      v-if="$slots.actions"
 | 
					      v-if="$slots.actions"
 | 
				
			||||||
 | 
					      flex
 | 
				
			||||||
      class="actions"
 | 
					      class="actions"
 | 
				
			||||||
    >
 | 
					    >
 | 
				
			||||||
      <slot name="actions" />
 | 
					      <slot name="actions" />
 | 
				
			||||||
    </div>
 | 
					    </Layout>
 | 
				
			||||||
  </div>
 | 
					  </div>
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue