fix(builderpage): resolve section-dialog height overflow for mobile and adjust sidebar font and spacing styles

This commit is contained in:
Karanrajsinh
2024-11-30 19:32:04 +05:30
parent e29f973889
commit d84aeee968
16 changed files with 58 additions and 48 deletions

View File

@ -17,11 +17,11 @@ export const ThemeSection = () => {
<header className="flex items-center justify-between">
<div className="flex items-center gap-x-4">
{getSectionIcon("theme")}
<h2 className="line-clamp-1 text-3xl font-bold">{t`Theme`}</h2>
<h2 className="line-clamp-1 text-2xl font-bold lg:text-3xl">{t`Theme`}</h2>
</div>
</header>
<main className="grid gap-y-4">
<main className="grid gap-y-6">
<div className="mb-2 grid grid-cols-6 flex-wrap justify-items-center gap-y-4 @xs/right:grid-cols-9">
{colors.map((color) => (
<div