change responsive]
This commit is contained in:
@@ -1,7 +1,10 @@
|
||||
<template>
|
||||
<div class="py-2 pr-3 w-full h-full relative">
|
||||
<div class="text-black font-bold">{{ props.title }}</div>
|
||||
<div class="mt-2 overflow-y-auto p-1 h-[96%]">
|
||||
<div class="relative flex h-full min-h-0 min-w-0 w-full max-w-full flex-col overflow-hidden py-2 pr-3">
|
||||
<div class="flex shrink-0 min-w-0 items-center justify-between gap-2">
|
||||
<div class="truncate text-black font-bold">{{ props.title }}</div>
|
||||
<slot name="extra" />
|
||||
</div>
|
||||
<div class="mt-2 min-h-0 flex-1 overflow-hidden p-1">
|
||||
<slot />
|
||||
</div>
|
||||
</div>
|
||||
@@ -13,5 +16,3 @@ interface Prop {
|
||||
}
|
||||
const props = defineProps<Prop>()
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
|
||||
Reference in New Issue
Block a user