feat: update close-sam-section ui

favio102 · Oct 16, 2023 · 65ccb1a · 65ccb1a
1 parent b873430
commit 65ccb1a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -154,7 +154,9 @@ <h2 class="section-title-center">
     </section>
 
     <section id="sam" class="container-sam">
-      <button id="close-sam-section">X</button>
+      <button id="close-sam-section">
+        <p>+</p>
+      </button>
       <div class="main-head-sam">
         <div class="head-content-sam">
           <i class="bx bx-search-alt-2"></i>

diff --git a/order.css b/order.css
@@ -17,13 +17,19 @@ body {
   top: 15%;
   right: 20%;
   background-color: black;
-  color: white;
-  padding: 5px 7px;
-  border-radius: 5px;
+  padding: 8px 12px;
+  border-radius: 12px;
   border: 1px solid black;
   cursor: pointer;
 }
 
+#close-sam-section p {
+  color: white;
+  font-size: 24px;
+  line-height: 24px;
+  transform: rotate(45deg);
+}
+
 .container-sam {
   overflow: hidden;
   width: 100%;