[STYLE] upload 간격 줄이기

Author: ML2jinmyoung

src/components/pages/upload/passOption.module.scss

@@ -2,17 +2,17 @@
 
 .container {
   margin: 0 auto;
-  margin-top: 2rem;
+  margin-top: 1.5rem;
   background-color: white;
   border-radius: 12px;
-  padding: 2rem;
+  padding: 1.5rem;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
   border: none;
 
   #reference {
     text-align: right;
-    margin-top: 1.5rem;
-    padding-top: 1rem;
+    margin-top: 1rem;
+    padding-top: 0.75rem;
     border-top: 1px solid #e9ecef;
 
     a {
@@ -32,18 +32,18 @@
   }
 
   #title {
-    margin-bottom: 1rem;
+    margin-bottom: 0.75rem;
 
     button {
       background-color: transparent;
       border: none;
       font-weight: 600;
       color: $dark;
-      font-size: 1.1rem;
+      font-size: 1rem;
       display: flex;
       align-items: center;
       gap: 0.5rem;
-      padding: 0.75rem 0;
+      padding: 0.5rem 0;
       width: 100%;
       cursor: pointer;
       transition: all 0.2s ease;
@@ -62,8 +62,8 @@
 
   #pass_a, #pass_t {
     display: none;
-    margin-bottom: 2rem;
-    padding: 1rem;
+    margin-bottom: 1.5rem;
+    padding: 0.75rem;
     background-color: #f8f9fa;
     border-radius: 8px;
     border: 1px solid #e9ecef;
@@ -72,12 +72,12 @@
       display: inline-block;
       color: $dark;
       font-weight: 500;
-      margin: 0.25rem;
-      padding: 0.5rem 0.75rem;
+      margin: 0.2rem;
+      padding: 0.4rem 0.6rem;
       background-color: white;
       border: 2px solid #e9ecef;
       border-radius: 6px;
-      font-size: 0.85rem;
+      font-size: 0.8rem;
       cursor: pointer;
       transition: all 0.2s ease;
       position: relative;

src/components/pages/upload/upload.module.scss

@@ -3,7 +3,7 @@
 .upload {
   margin: 0 auto;
   margin-top: 2rem;
-  margin-bottom: 5rem;
+  margin-bottom: 3rem;
   min-height: 70vh;
   max-width: 800px;
   width: 90%;
@@ -26,7 +26,7 @@
   }
 
   .navlink {
-    margin-bottom: 3rem;
+    margin-bottom: 2rem;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
@@ -50,7 +50,7 @@
 
     #deactive {
       color: $dark;
-      border: 2px solid #e9ecef;
+      border: transparent;
       background-color: #F2F0F5;
     }
 
@@ -63,32 +63,32 @@
   form {
     background-color: white;
     border-radius: 12px;
-    padding: 2rem;
+    padding: 1.25rem;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-    margin-bottom: 2rem;
+    margin-bottom: 1.5rem;
   }
 
   .userName, .file, .pass, .llvm_version {
-    margin-bottom: 1.5rem;
+    margin-bottom: 0.75rem;
     display: flex;
     align-items: center;
-    gap: 1rem;
+    gap: 0.5rem;
 
     label {
       font-weight: 600;
       color: $dark;
-      font-size: 1.1rem;
-      min-width: 120px;
-      text-align: right;
+      font-size: 0.9rem;
+      min-width: 100px;
+      text-align: left;
     }
 
     input, select {
       flex: 1;
-      padding: 0.75rem;
+      padding: 0.5rem;
       border: 2px solid #e9ecef;
       border-radius: 8px;
       color: $dark;
-      font-size: 1rem;
+      font-size: 0.85rem;
       transition: border-color 0.2s ease;
 
       &:focus {
@@ -99,7 +99,7 @@
     }
 
     input[type="file"] {
-      padding: 0.5rem;
+      padding: 0.3rem;
       color: $gray;
     }
   }
@@ -135,7 +135,6 @@
   .clang {
     margin-bottom: 3rem;
     background-color: #f4f4f4;
-    border: 1px solid #c4c4c4;
     border-radius: 8px;
     padding: 1.5rem;
     font-weight: 500;
@@ -156,11 +155,11 @@
 
 #submit {
   text-align: center;
-  margin-top: 2rem;
+  margin-top: 1rem;
 
   input {
-    font-size: 1.1rem;
-    padding: 0.75rem 2rem;
+    font-size: 0.95rem;
+    padding: 0.5rem 1.25rem;
     border-radius: 8px;
     transition: all 0.2s ease;