Skip to content

Commit 5d93229

Browse files
committed
refactor(ui): update sponsor layout for better responsiveness
Changed the layout of Bronze and Wood Sponsors to use a flexbox structure, improving responsiveness. Adjusted iframe width settings for better display across devices. Removed unnecessary shadow effects for a cleaner look.
1 parent c2a2626 commit 5d93229

File tree

1 file changed

+7
-12
lines changed

1 file changed

+7
-12
lines changed

themes/aurelia-theme/layouts/index.html

Lines changed: 7 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -339,20 +339,18 @@ <h3 class="text-2xl font-bold text-center mb-8">
339339
</div>
340340

341341
<!-- Bronze & Wood Sponsors -->
342-
<div class="grid md:grid-cols-2 gap-12 mb-20">
342+
<div class="flex flex-col gap-12 mb-20">
343343
<!-- Bronze Sponsors -->
344344
<div class="relative">
345345
<h3 class="text-2xl font-bold text-center mb-8">
346346
<span class="bg-gradient-to-r from-orange-700 to-orange-500 bg-clip-text text-transparent">
347347
Bronze Sponsors
348348
</span>
349349
</h3>
350-
<div class="relative rounded-xl bg-white shadow-sm border border-orange-700/10 overflow-hidden group hover:shadow-xl hover:shadow-orange-700/10 hover:border-orange-700/20 transition-all duration-300">
351-
<!-- Background pattern -->
352-
<div class="absolute inset-0 bg-gradient-to-br from-orange-700/5 to-transparent"></div>
353-
<div class="relative p-6">
350+
<div class="relative rounded-xl bg-white">
351+
<div class="flex items-center justify-center relative p-6">
354352
<iframe
355-
class="w-full border-0"
353+
class="w-auto border-0"
356354
src="{{ .Site.Params.sponsors.bronze.iframe_url }}"
357355
title="Bronze Sponsors">
358356
</iframe>
@@ -367,13 +365,11 @@ <h3 class="text-2xl font-bold text-center mb-8">
367365
Wood Sponsors
368366
</span>
369367
</h3>
370-
<div class="relative rounded-xl bg-white shadow-sm border border-amber-800/10 overflow-hidden group hover:shadow-xl hover:shadow-amber-800/10 hover:border-amber-800/20 transition-all duration-300">
371-
<!-- Background pattern -->
372-
<div class="absolute inset-0 bg-gradient-to-br from-amber-800/5 to-transparent"></div>
368+
<div class="relative rounded-xl bg-white overflow-hidden group hover:shadow-xl">
373369
<!-- Content container with scrollbar styling -->
374-
<div class="relative p-6">
370+
<div class="flex items-center justify-center relative p-6">
375371
<iframe
376-
class="w-full border-0"
372+
class="w-auto border-0"
377373
src="{{ .Site.Params.sponsors.wood.iframe_url }}"
378374
title="Wood Sponsors">
379375
</iframe>
@@ -398,7 +394,6 @@ <h3 class="text-2xl font-bold text-center mb-8">
398394
</div>
399395
</section>
400396

401-
<!-- Add these definitions to your existing styles or in a new style tag in head -->
402397
<svg class="hidden">
403398
<defs>
404399
<linearGradient id="gradient1" x1="0%" y1="0%" x2="100%" y2="100%">

0 commit comments

Comments
 (0)