x

apps/admin/src/components/page-builder/BannerForm.tsx

@@ -25,7 +25,7 @@ export default function BannerForm({
       <div className="md:col-span-2 space-y-2">
         <label className="text-[10px] uppercase font-bold tracking-widest text-slate-400">Banner Image</label>
         <div
-          className="relative aspect-video rounded-2xl overflow-hidden border-2 border-dashed border-white/10 bg-night-950/50 flex flex-col items-center justify-center group cursor-pointer hover:border-cyan-glow/30 transition-all"
+          className="relative h-40 w-full rounded-2xl overflow-hidden border-2 border-dashed border-white/10 bg-night-950/50 flex flex-col items-center justify-center group cursor-pointer hover:border-cyan-glow/30 transition-all"
           onClick={() => {
             setUploadTarget({ type: 'main' });
             setIsMediaModalOpen(true);

apps/admin/src/components/page-builder/EditorialCarouselForm.tsx

@@ -97,7 +97,7 @@ export default function EditorialCarouselForm({
                 <div className="space-y-2">
                   <label className="text-[10px] uppercase font-bold tracking-widest text-slate-500">Slide Image</label>
                   <div
-                    className="relative aspect-video rounded-xl overflow-hidden border border-white/10 bg-night-950/30 flex flex-col items-center justify-center group cursor-pointer hover:border-cyan-glow/30 transition-all"
+                    className="relative h-40 w-full rounded-xl overflow-hidden border border-white/10 bg-night-950/30 flex flex-col items-center justify-center group cursor-pointer hover:border-cyan-glow/30 transition-all"
                     onClick={() => {
                       setUploadTarget({ type: 'slide', index: idx });
                       setIsMediaModalOpen(true);

apps/admin/src/components/page-builder/EditorialTileForm.tsx

@@ -28,7 +28,7 @@ export default function EditorialTileForm({
       <div className="space-y-2">
         <label className="text-[10px] uppercase font-bold tracking-widest text-slate-400">Editorial Image</label>
         <div
-          className="relative aspect-video rounded-2xl overflow-hidden border-2 border-dashed border-white/10 bg-night-950/50 flex flex-col items-center justify-center group cursor-pointer hover:border-cyan-glow/30 transition-all"
+          className="relative h-40 w-full rounded-2xl overflow-hidden border-2 border-dashed border-white/10 bg-night-950/50 flex flex-col items-center justify-center group cursor-pointer hover:border-cyan-glow/30 transition-all"
           onClick={() => {
             setUploadTarget({ type: 'main' });
             setIsMediaModalOpen(true);

apps/admin/src/components/page-builder/HeroArticleForm.tsx

@@ -27,7 +27,7 @@ export default function HeroArticleForm({
       <div className="md:col-span-2 space-y-2">
         <label className="text-[10px] uppercase font-bold tracking-widest text-slate-400">Article Hero Image</label>
         <div
-          className="relative aspect-video rounded-2xl overflow-hidden border-2 border-dashed border-white/10 bg-night-950/50 flex flex-col items-center justify-center group cursor-pointer hover:border-cyan-glow/30 transition-all"
+          className="relative h-40 w-full rounded-2xl overflow-hidden border-2 border-dashed border-white/10 bg-night-950/50 flex flex-col items-center justify-center group cursor-pointer hover:border-cyan-glow/30 transition-all"
           onClick={() => {
             setUploadTarget({ type: 'main' });
             setIsMediaModalOpen(true);

apps/admin/src/components/page-builder/HeroForm.tsx

@@ -25,7 +25,7 @@ export default function HeroForm({
       <div className="md:col-span-2 space-y-2">
         <label className="text-[10px] uppercase font-bold tracking-widest text-slate-400">Background Image</label>
         <div
-          className="relative aspect-video rounded-2xl overflow-hidden border-2 border-dashed border-white/10 bg-night-950/50 flex flex-col items-center justify-center group cursor-pointer hover:border-cyan-glow/30 transition-all"
+          className="relative h-40 w-full rounded-2xl overflow-hidden border-2 border-dashed border-white/10 bg-night-950/50 flex flex-col items-center justify-center group cursor-pointer hover:border-cyan-glow/30 transition-all"
           onClick={() => {
             setUploadTarget({ type: 'main' });
             setIsMediaModalOpen(true);