Skip to content

Commit d0e50bd

Browse files
zcesurzcesur
committed
refactor: adjust padding and text sizes in home live module for improved layout
- Reduced padding in various sections to enhance visual consistency and spacing. - Updated text sizes for better readability across different screen sizes. - Ensured a more cohesive design by aligning styles for contributor information.
1 parent 5e96f90 commit d0e50bd

File tree

1 file changed

+13
-13
lines changed

1 file changed

+13
-13
lines changed

‎lib/algora_web/live/home_live.ex‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -449,13 +449,13 @@ defmodule AlgoraWeb.HomeLive do
449449
were built by <span class="text-success">22 developers</span>
450450
using <span class="text-success">bounties on Algora</span>.
451451
</h3>
452-
<div class="flex flex-wrap items-center gap-x-8 gap-y-4 pt-12">
452+
<div class="flex flex-wrap items-center gap-x-8 gap-y-4 pt-4 sm:pt-12">
453453
<div class="flex items-center gap-4">
454454
<div>
455455
<div class="text-xl sm:text-2xl xl:text-3xl font-semibold text-foreground">
456456
Tal Borenstein
457457
</div>
458-
<div class="pt-2 text-base sm:text-lg xl:text-2xl font-medium text-muted-foreground">
458+
<div class="sm:pt-2 text-sm sm:text-lg xl:text-2xl font-medium text-muted-foreground">
459459
Co-founder & CEO at Keep (YC W23)
460460
</div>
461461
</div>
@@ -493,13 +493,13 @@ defmodule AlgoraWeb.HomeLive do
493493
to try it, overall it's <span class="text-success">1000x more friction</span>
494494
than OSS bounties with Algora.
495495
</h3>
496-
<div class="flex flex-wrap items-center gap-x-8 gap-y-4 pt-6 sm:pt-12">
496+
<div class="flex flex-wrap items-center gap-x-8 gap-y-4 pt-6 sm:pt-4 sm:pt-12">
497497
<div class="flex items-center gap-4">
498498
<div>
499499
<div class="text-xl sm:text-2xl xl:text-3xl font-semibold text-foreground">
500500
Louis Beaumont
501501
</div>
502-
<div class="pt-2 text-base sm:text-lg xl:text-2xl font-medium text-muted-foreground">
502+
<div class="sm:pt-2 text-sm sm:text-lg xl:text-2xl font-medium text-muted-foreground">
503503
Co-founder & CEO at Screenpipe
504504
</div>
505505
</div>
@@ -550,7 +550,7 @@ defmodule AlgoraWeb.HomeLive do
550550
<div class="text-xl sm:text-2xl xl:text-3xl font-display font-semibold leading-[1.5] sm:leading-[3rem]">
551551
Shipped by <span class="text-success">86 contributors</span>
552552
</div>
553-
<ul class="text-xl sm:text-2xl xl:text-3xl font-display font-semibold leading-[1.5] sm:leading-[3rem]">
553+
<ul class="pt-2 text-xl sm:text-2xl xl:text-3xl font-display font-semibold leading-[1.5] sm:leading-[3rem]">
554554
<li class="flex items-center gap-x-4">
555555
<.icon name="tabler-check" class="size-6 sm:size-8 text-success" />
556556
<span class="text-success tabular-nums font-bold">14</span>
@@ -605,13 +605,13 @@ defmodule AlgoraWeb.HomeLive do
605605
<span class="text-success">very consistent</span>
606606
part of our development process.
607607
</h3>
608-
<div class="flex flex-wrap items-center gap-x-8 gap-y-4 pt-12">
608+
<div class="flex flex-wrap items-center gap-x-8 gap-y-4 pt-4 sm:pt-12">
609609
<div class="flex items-center gap-4">
610610
<div>
611611
<div class="text-xl sm:text-2xl xl:text-3xl font-semibold text-foreground">
612612
Josh Pigford
613613
</div>
614-
<div class="pt-2 text-base sm:text-lg xl:text-2xl font-medium text-muted-foreground">
614+
<div class="sm:pt-2 text-sm sm:text-lg xl:text-2xl font-medium text-muted-foreground">
615615
Co-founder & CEO at Maybe
616616
</div>
617617
</div>
@@ -641,13 +641,13 @@ defmodule AlgoraWeb.HomeLive do
641641
<span class="text-success">new generation of contributors</span>
642642
to the ZIO ecosystem.
643643
</h3>
644-
<div class="flex flex-wrap items-center gap-x-8 gap-y-4 pt-12">
644+
<div class="flex flex-wrap items-center gap-x-8 gap-y-4 pt-4 sm:pt-12">
645645
<div class="flex items-center gap-4">
646646
<div>
647647
<div class="text-xl sm:text-2xl xl:text-3xl font-semibold text-foreground">
648648
John A De Goes
649649
</div>
650-
<div class="pt-2 text-base sm:text-lg xl:text-2xl font-medium text-muted-foreground">
650+
<div class="sm:pt-2 text-sm sm:text-lg xl:text-2xl font-medium text-muted-foreground">
651651
Founder & CEO at Ziverge
652652
</div>
653653
</div>
@@ -710,13 +710,13 @@ defmodule AlgoraWeb.HomeLive do
710710
It was the <span class="text-success">easiest hire</span>
711711
because we already knew how great he was
712712
</h3>
713-
<div class="flex flex-wrap items-center gap-x-8 gap-y-4 pt-12">
713+
<div class="flex flex-wrap items-center gap-x-8 gap-y-4 pt-4 sm:pt-12">
714714
<div class="flex items-center gap-4">
715715
<div>
716716
<div class="text-xl sm:text-2xl xl:text-3xl font-semibold text-foreground">
717717
Eric Allam
718718
</div>
719-
<div class="pt-2 text-base sm:text-lg xl:text-2xl font-medium text-muted-foreground">
719+
<div class="sm:pt-2 text-sm sm:text-lg xl:text-2xl font-medium text-muted-foreground">
720720
Co-founder & CTO at Trigger.dev (YC W23)
721721
</div>
722722
</div>
@@ -744,13 +744,13 @@ defmodule AlgoraWeb.HomeLive do
744744
<span class="text-success">3 full-time hires</span>
745745
using Algora
746746
</h3>
747-
<div class="flex flex-wrap items-center gap-x-8 gap-y-4 pt-12">
747+
<div class="flex flex-wrap items-center gap-x-8 gap-y-4 pt-4 sm:pt-12">
748748
<div class="flex items-center gap-4">
749749
<div>
750750
<div class="text-xl sm:text-2xl xl:text-3xl font-semibold text-foreground">
751751
Tushar Mathur
752752
</div>
753-
<div class="pt-2 text-base sm:text-lg xl:text-2xl font-medium text-muted-foreground">
753+
<div class="sm:pt-2 text-sm sm:text-lg xl:text-2xl font-medium text-muted-foreground">
754754
Founder & CEO at Tailcall
755755
</div>
756756
</div>

0 commit comments

Comments
 (0)