Spaces:
Sleeping
Sleeping
Update static/css/style.css
Browse files- static/css/style.css +7 -14
static/css/style.css
CHANGED
@@ -124,21 +124,17 @@ header p {
|
|
124 |
}
|
125 |
|
126 |
/* Upload Section */
|
|
|
|
|
|
|
|
|
127 |
.upload-cards {
|
128 |
display: grid;
|
129 |
-
grid-template-columns: repeat(auto-fit, minmax(
|
130 |
gap: 1.5rem;
|
131 |
margin-bottom: 2rem;
|
132 |
}
|
133 |
|
134 |
-
@media (min-width: 1024px) {
|
135 |
-
.upload-cards {
|
136 |
-
grid-template-columns: repeat(3, 1fr);
|
137 |
-
}
|
138 |
-
}
|
139 |
-
|
140 |
-
|
141 |
-
|
142 |
.upload-card {
|
143 |
background-color: var(--card-color);
|
144 |
border-radius: var(--border-radius);
|
@@ -205,16 +201,13 @@ button {
|
|
205 |
border-radius: var(--border-radius);
|
206 |
cursor: pointer;
|
207 |
display: block;
|
208 |
-
margin: 0 auto
|
209 |
transition: var(--transition);
|
210 |
display: flex;
|
211 |
align-items: center;
|
212 |
justify-content: center;
|
213 |
}
|
214 |
|
215 |
-
|
216 |
-
|
217 |
-
|
218 |
button:hover {
|
219 |
background-color: var(--secondary-color);
|
220 |
transform: translateY(-2px);
|
@@ -442,4 +435,4 @@ footer {
|
|
442 |
}
|
443 |
.extracted-text {
|
444 |
display: none !important;
|
445 |
-
}
|
|
|
124 |
}
|
125 |
|
126 |
/* Upload Section */
|
127 |
+
.upload-section {
|
128 |
+
margin-bottom: 3rem;
|
129 |
+
}
|
130 |
+
|
131 |
.upload-cards {
|
132 |
display: grid;
|
133 |
+
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
134 |
gap: 1.5rem;
|
135 |
margin-bottom: 2rem;
|
136 |
}
|
137 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
138 |
.upload-card {
|
139 |
background-color: var(--card-color);
|
140 |
border-radius: var(--border-radius);
|
|
|
201 |
border-radius: var(--border-radius);
|
202 |
cursor: pointer;
|
203 |
display: block;
|
204 |
+
margin: 0 auto;
|
205 |
transition: var(--transition);
|
206 |
display: flex;
|
207 |
align-items: center;
|
208 |
justify-content: center;
|
209 |
}
|
210 |
|
|
|
|
|
|
|
211 |
button:hover {
|
212 |
background-color: var(--secondary-color);
|
213 |
transform: translateY(-2px);
|
|
|
435 |
}
|
436 |
.extracted-text {
|
437 |
display: none !important;
|
438 |
+
}
|