fix: minor updated some styles

This commit is contained in:
Xiaohan-Tian
2026-05-02 17:22:11 -07:00
parent d4d340383a
commit 90aee14265
2 changed files with 24 additions and 15 deletions
+9 -8
View File
@@ -71,15 +71,16 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 20px; padding: 10px;
border-bottom: 1px solid #3a3a3a; /* border-bottom: 1px solid #3a3a3a;
background-color: #252525; background-color: #252525; */
} }
.file-import-title { .file-import-title {
color: #e0e0e0; color: #e0e0e0;
font-size: 18px; font-size: 16px;
font-weight: 600; font-weight: bold;
padding-left: 10px;
margin: 0; margin: 0;
} }
@@ -103,9 +104,9 @@
} }
.file-import-drop-zone { .file-import-drop-zone {
padding: 40px 20px; padding: 0px 20px 40px 20px;
margin: 20px; /* margin: 20px; */
border: 2px dashed #555; /* border: 2px dashed #555; */
border-radius: 8px; border-radius: 8px;
background-color: #1e1e1e; background-color: #1e1e1e;
transition: all 0.3s ease; transition: all 0.3s ease;
+15 -7
View File
@@ -33,6 +33,7 @@
opacity: 0; opacity: 0;
transform: scale(0.95) translateY(-10px); transform: scale(0.95) translateY(-10px);
} }
to { to {
opacity: 1; opacity: 1;
transform: scale(1) translateY(0); transform: scale(1) translateY(0);
@@ -44,6 +45,7 @@
opacity: 1; opacity: 1;
transform: scale(1) translateY(0); transform: scale(1) translateY(0);
} }
to { to {
opacity: 0; opacity: 0;
transform: scale(0.95) translateY(-10px); transform: scale(0.95) translateY(-10px);
@@ -51,8 +53,13 @@
} }
@keyframes openProjectOverlayFadeOut { @keyframes openProjectOverlayFadeOut {
from { opacity: 1; } from {
to { opacity: 0; } opacity: 1;
}
to {
opacity: 0;
}
} }
.open-project-overlay-closing { .open-project-overlay-closing {
@@ -68,15 +75,16 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 20px; padding: 10px;
background-color: #252525; background-color: #252525;
flex-shrink: 0; flex-shrink: 0;
} }
.open-project-title { .open-project-title {
color: #e0e0e0; color: #e0e0e0;
font-size: 18px; font-size: 16px;
font-weight: 600; padding-left: 10px;
font-weight: bold;
margin: 0; margin: 0;
} }
@@ -101,7 +109,7 @@
/* Filter bar — sticky at top */ /* Filter bar — sticky at top */
.open-project-filter { .open-project-filter {
padding: 10px 12px; padding: 0px 12px 10px 12px;
background-color: #252525; background-color: #252525;
flex-shrink: 0; flex-shrink: 0;
} }
@@ -330,4 +338,4 @@
color: #888; color: #888;
font-size: 14px; font-size: 14px;
padding: 40px; padding: 40px;
} }