feat: updated click to open text and added icon

ucsddesignco · Nov 7, 2024 · 8157120 · 8157120
1 parent 6218cde
commit 8157120
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 1 deletion.
diff --git a/public/images/icons/click-to-crack-the-case-icon.svg b/public/images/icons/click-to-crack-the-case-icon.svg
diff --git a/src/app/Home.scss b/src/app/Home.scss
@@ -40,6 +40,13 @@ summary {
   position: relative;
 }
 
+#click-to-open-text {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 20px;
+}
+
 #folder {
   position: relative;
   width: calc(var(--folder-height) * 1.411);

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -709,7 +709,15 @@ export default function Page() {
               <div />
             </div>
           </div>
-          <h1 id="click-to-open-text">Click/Tap To Open</h1>
+          <div id="click-to-open-text">
+            <h1>Crack the Case</h1>
+            <Image
+              src="/images/icons/click-to-crack-the-case-icon.svg"
+              alt=""
+              width={46}
+              height={48}
+            />
+          </div>
         </div>
       </div>
     </div>