Refactor demo container styles for improved layout and spacing

This commit is contained in:
Purshottam Jain
2025-07-21 13:49:10 +05:30
parent d3187f71c7
commit 197b521311

View File

@@ -1,7 +1,7 @@
<template> <template>
<TabbedLayout> <TabbedLayout>
<template #preview> <template #preview>
<div class="demo-container relative overflow-hidden flex items-start justify-start"> <div class="demo-container">
<TextType <TextType
:key="key" :key="key"
:text="texts" :text="texts"
@@ -217,7 +217,12 @@ const propData = [
font-weight: 700; font-weight: 700;
} }
.demo-container { .demo-container {
padding: 16px; padding: 64px;
min-height: 350px; min-height: 350px;
align-items: flex-start;
justify-content: flex-start;
display: flex;
position: relative;
overflow: hidden;
} }
</style> </style>