Skip to content

Commit 28ff4ba

Browse files
authored
Merge pull request #9 from pheralb/next
⚒️ Fix landing design.
2 parents 1d5bf35 + 43714c7 commit 28ff4ba

File tree

2 files changed

+28
-146
lines changed

2 files changed

+28
-146
lines changed

website/src/routes/index.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -38,9 +38,9 @@ export default function Index() {
3838

3939
return (
4040
<>
41-
<div className="flex flex-col items-center justify-center mt-3 mb-4 lg:mt-10 lg:mb-10">
41+
<div className="flex flex-col items-center content-center justify-center pl-5 pr-5 mt-3 mb-4 lg:mt-10 lg:mb-10 lg:pl-0 lg:pr-0">
4242
<Show delay={0.1}>
43-
<h1 className="mb-5 font-sans text-4xl font-bold lg:text-6xl">
43+
<h1 className="mb-5 font-sans text-4xl font-bold text-center lg:text-6xl">
4444
A beautiful icons library for React
4545
</h1>
4646
</Show>

website/src/styles/tailwind.css

Lines changed: 26 additions & 144 deletions
Original file line numberDiff line numberDiff line change
@@ -632,6 +632,14 @@ video {
632632
margin-bottom: 1.5rem;
633633
}
634634

635+
.mt-3 {
636+
margin-top: 0.75rem;
637+
}
638+
639+
.mb-4 {
640+
margin-bottom: 1rem;
641+
}
642+
635643
.mb-5 {
636644
margin-bottom: 1.25rem;
637645
}
@@ -644,10 +652,6 @@ video {
644652
margin-top: 2rem;
645653
}
646654

647-
.mb-4 {
648-
margin-bottom: 1rem;
649-
}
650-
651655
.mr-1 {
652656
margin-right: 0.25rem;
653657
}
@@ -656,14 +660,6 @@ video {
656660
margin-right: 1.25rem;
657661
}
658662

659-
.mt-3 {
660-
margin-top: 0.75rem;
661-
}
662-
663-
.mt-4 {
664-
margin-top: 1rem;
665-
}
666-
667663
.flex {
668664
display: flex;
669665
}
@@ -684,14 +680,14 @@ video {
684680
height: 3rem;
685681
}
686682

687-
.w-16 {
688-
width: 4rem;
689-
}
690-
691683
.w-full {
692684
width: 100%;
693685
}
694686

687+
.w-16 {
688+
width: 4rem;
689+
}
690+
695691
.w-12 {
696692
width: 3rem;
697693
}
@@ -745,6 +741,10 @@ video {
745741
flex-direction: column;
746742
}
747743

744+
.content-center {
745+
align-content: center;
746+
}
747+
748748
.items-center {
749749
align-items: center;
750750
}
@@ -784,35 +784,11 @@ video {
784784
border-width: 2px;
785785
}
786786

787-
.border {
788-
border-width: 1px;
789-
}
790-
791787
.border-zinc-900 {
792788
--tw-border-opacity: 1;
793789
border-color: rgb(24 24 27 / var(--tw-border-opacity));
794790
}
795791

796-
.border-gray-300 {
797-
--tw-border-opacity: 1;
798-
border-color: rgb(209 213 219 / var(--tw-border-opacity));
799-
}
800-
801-
.border-gray-800 {
802-
--tw-border-opacity: 1;
803-
border-color: rgb(31 41 55 / var(--tw-border-opacity));
804-
}
805-
806-
.border-zinc-800 {
807-
--tw-border-opacity: 1;
808-
border-color: rgb(39 39 42 / var(--tw-border-opacity));
809-
}
810-
811-
.bg-\[\#08070B\] {
812-
--tw-bg-opacity: 1;
813-
background-color: rgb(8 7 11 / var(--tw-bg-opacity));
814-
}
815-
816792
.bg-midnight {
817793
--tw-bg-opacity: 1;
818794
background-color: rgb(8 7 11 / var(--tw-bg-opacity));
@@ -823,46 +799,11 @@ video {
823799
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
824800
}
825801

826-
.bg-gray-100 {
827-
--tw-bg-opacity: 1;
828-
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
829-
}
830-
831802
.bg-midnightLight {
832803
--tw-bg-opacity: 1;
833804
background-color: rgb(19 16 28 / var(--tw-bg-opacity));
834805
}
835806

836-
.bg-slate-900 {
837-
--tw-bg-opacity: 1;
838-
background-color: rgb(15 23 42 / var(--tw-bg-opacity));
839-
}
840-
841-
.bg-gray-900 {
842-
--tw-bg-opacity: 1;
843-
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
844-
}
845-
846-
.bg-zinc-900 {
847-
--tw-bg-opacity: 1;
848-
background-color: rgb(24 24 27 / var(--tw-bg-opacity));
849-
}
850-
851-
.bg-gray-500 {
852-
--tw-bg-opacity: 1;
853-
background-color: rgb(107 114 128 / var(--tw-bg-opacity));
854-
}
855-
856-
.bg-zinc-700 {
857-
--tw-bg-opacity: 1;
858-
background-color: rgb(63 63 70 / var(--tw-bg-opacity));
859-
}
860-
861-
.bg-zinc-800 {
862-
--tw-bg-opacity: 1;
863-
background-color: rgb(39 39 42 / var(--tw-bg-opacity));
864-
}
865-
866807
.bg-gradient-to-r {
867808
background-image: linear-gradient(to right, var(--tw-gradient-stops));
868809
}
@@ -877,10 +818,6 @@ video {
877818
--tw-gradient-to: #3730a3;
878819
}
879820

880-
.p-12 {
881-
padding: 3rem;
882-
}
883-
884821
.py-4 {
885822
padding-top: 1rem;
886823
padding-bottom: 1rem;
@@ -896,16 +833,6 @@ video {
896833
padding-bottom: 0.25rem;
897834
}
898835

899-
.px-4 {
900-
padding-left: 1rem;
901-
padding-right: 1rem;
902-
}
903-
904-
.py-2 {
905-
padding-top: 0.5rem;
906-
padding-bottom: 0.5rem;
907-
}
908-
909836
.px-5 {
910837
padding-left: 1.25rem;
911838
padding-right: 1.25rem;
@@ -920,18 +847,6 @@ video {
920847
padding-top: 1.25rem;
921848
}
922849

923-
.pt-7 {
924-
padding-top: 1.75rem;
925-
}
926-
927-
.pt-1 {
928-
padding-top: 0.25rem;
929-
}
930-
931-
.pb-5 {
932-
padding-bottom: 1.25rem;
933-
}
934-
935850
.pr-3 {
936851
padding-right: 0.75rem;
937852
}
@@ -940,6 +855,14 @@ video {
940855
padding-left: 0.75rem;
941856
}
942857

858+
.pl-5 {
859+
padding-left: 1.25rem;
860+
}
861+
862+
.pr-5 {
863+
padding-right: 1.25rem;
864+
}
865+
943866
.pb-4 {
944867
padding-bottom: 1rem;
945868
}
@@ -956,20 +879,8 @@ video {
956879
padding-top: 1rem;
957880
}
958881

959-
.pt-9 {
960-
padding-top: 2.25rem;
961-
}
962-
963-
.pt-3 {
964-
padding-top: 0.75rem;
965-
}
966-
967-
.pl-5 {
968-
padding-left: 1.25rem;
969-
}
970-
971-
.pr-5 {
972-
padding-right: 1.25rem;
882+
.text-center {
883+
text-align: center;
973884
}
974885

975886
.font-sans {
@@ -1022,11 +933,6 @@ video {
1022933
color: rgb(209 213 219 / var(--tw-text-opacity));
1023934
}
1024935

1025-
.text-gray-900 {
1026-
--tw-text-opacity: 1;
1027-
color: rgb(17 24 39 / var(--tw-text-opacity));
1028-
}
1029-
1030936
.underline {
1031937
text-decoration-line: underline;
1032938
}
@@ -1130,10 +1036,6 @@ video {
11301036
grid-template-columns: repeat(6, minmax(0, 1fr));
11311037
}
11321038

1133-
.lg\:pt-5 {
1134-
padding-top: 1.25rem;
1135-
}
1136-
11371039
.lg\:pl-0 {
11381040
padding-left: 0px;
11391041
}
@@ -1142,26 +1044,6 @@ video {
11421044
padding-right: 0px;
11431045
}
11441046

1145-
.lg\:pt-9 {
1146-
padding-top: 2.25rem;
1147-
}
1148-
1149-
.lg\:pt-12 {
1150-
padding-top: 3rem;
1151-
}
1152-
1153-
.lg\:pb-12 {
1154-
padding-bottom: 3rem;
1155-
}
1156-
1157-
.lg\:pt-10 {
1158-
padding-top: 2.5rem;
1159-
}
1160-
1161-
.lg\:pb-10 {
1162-
padding-bottom: 2.5rem;
1163-
}
1164-
11651047
.lg\:text-6xl {
11661048
font-size: 3.75rem;
11671049
line-height: 1;

0 commit comments

Comments
 (0)