Feat: 티켓 오픈 및 버튼 커스텀

choo121600 · Jun 6, 2023 · 8a8a813 · 8a8a813
1 parent 259d2b8
commit 8a8a813
Show file tree

Hide file tree

Showing 5 changed files with 38 additions and 27 deletions.
diff --git a/Resources/static/images/main/nextImg.png b/Resources/static/images/main/nextImg.png
diff --git a/Resources/static/styles/mainContainer.css b/Resources/static/styles/mainContainer.css
@@ -15,26 +15,28 @@
     min-width: 300px;
 }
 
-#main-banner > .before-open-ticket {
+#main-banner > .ticketBtn {
+    display: flex;
+    width: 200px;
+    height: 40px;
     margin-top: 3vh;
-    padding: 5px 14px;
+    padding: 8px 10px 6px 30px;
     background-color: #D9D9D9;
     border: 1px solid;
-    border-radius: 12px;
+    border-radius: 16px;
     box-shadow: 2px 2px 0px #000000;
+    align-items: center;
+    justify-content: space-around;
 }
 
-#main-banner > .before-open-ticket > p {
+#main-banner > .ticketBtn > span {
     font-weight: 500;
+    font-size: 1.2em;
 }
 
-
-.ticketBtn {
-    margin-top: 3vh;
-}
-
-.ticketBtn > a > img {
-    width: 170px;
+#main-banner > .ticketBtn > img {
+    width: 14px;
+    height: 16px;
 }
 
 .str {

diff --git a/Resources/static/styles/mainSponsor.css b/Resources/static/styles/mainSponsor.css
@@ -38,11 +38,25 @@
 }
 
 #main-sponsor > .join-sponsorBtn {
-    margin-top: 5vh;
-    margin-bottom: 20vh;
+    display: flex;
+    width: 220px;
+    height: 40px;
+    margin-top: 3vh;
+    padding: 8px 14px 6px 10px;
+    background-color: #D9D9D9;
+    border: 1px solid;
+    border-radius: 16px;
+    box-shadow: 2px 2px 0px #000000;
+    align-items: center;
+    justify-content: space-around;
 }
 
-#main-sponsor > .join-sponsorBtn > a > img {
-    width: 200px;
+#main-sponsor > .join-sponsorBtn > span {
+    font-weight: 600;
+    font-size: 1.1em;
 }
 
+#main-sponsor > .join-sponsorBtn > img {
+    width: 14px;
+    height: 16px;
+}
diff --git a/Sources/IOSIGAWeb/Theme/CustomComponents/MainContainer/MainBanner/MainBanner.swift b/Sources/IOSIGAWeb/Theme/CustomComponents/MainContainer/MainBanner/MainBanner.swift
@@ -17,14 +17,10 @@ struct MainBanner: Component {
             Div {
                 Image("/static/images/main/mainBanner.png")
             }.class("sec-banner")
-            Div {
-                Paragraph("페스타를 통해 6월 8일 오픈")
-            }.class("before-open-ticket")
-//            Div {
-//                Link(url: "https://festa.io/events/3506"){
-//                    Image("/static/images/main/ticketBtn.png")
-//                }
-//            }.class("ticketBtn")
+            Link(url: "https://festa.io/events/3615"){
+                Span("티켓 구매")
+                Image("/static/images/main/nextImg.png")
+            }.class("ticketBtn")
             Div {
                 Paragraph {
                     Text("Scroll to Read")

diff --git a/Sources/IOSIGAWeb/Theme/CustomComponents/MainContainer/Sponsor/Sponsor.swift b/Sources/IOSIGAWeb/Theme/CustomComponents/MainContainer/Sponsor/Sponsor.swift
@@ -31,10 +31,9 @@ struct Sponsor: Component {
                 Paragraph("제공되는 후원 패키지를 통해 다양한 청중 사이에서 후원사의 브랜딩을 강화하고, 회사나 서비스를 홍보할 수 있습니다.")
                 Paragraph("또한 참가자와 상호 작용하고, 잠재적으로 후원사에 새로운 개발자 또는 엔지니어를 모집하는 데 도움이 됩니다.")
             }.class("sponsor-description")
-            Div {
-                Link(url: "https://festa.io/events/3506"){
-                    Image("/static/images/main/joinPartnerBtn.png")
-                }
+            Link(url: "https://festa.io/events/3506"){
+                Span("파트너로 참여하기")
+                Image("/static/images/main/nextImg.png")
             }.class("join-sponsorBtn")
         }.id("main-sponsor")
     }