Spaces:
Sleeping
Sleeping
Update app.py
Browse files
app.py
CHANGED
@@ -164,16 +164,22 @@ button.selected::after{
|
|
164 |
background: #E50914;
|
165 |
}
|
166 |
|
|
|
167 |
#popup-overlay {
|
168 |
position: fixed;
|
169 |
-
top: 0;
|
170 |
-
|
171 |
-
|
172 |
-
|
|
|
|
|
|
|
|
|
173 |
z-index: 999;
|
|
|
174 |
}
|
175 |
|
176 |
-
#popup-
|
177 |
background: white;
|
178 |
padding: 20px;
|
179 |
border-radius: 10px;
|
@@ -182,10 +188,18 @@ button.selected::after{
|
|
182 |
text-align: center;
|
183 |
}
|
184 |
|
185 |
-
#popup-
|
186 |
-
margin-top: 15px;
|
187 |
background-color: #5b65a7;
|
188 |
color: white;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
189 |
}
|
190 |
|
191 |
"""
|
|
|
164 |
background: #E50914;
|
165 |
}
|
166 |
|
167 |
+
|
168 |
#popup-overlay {
|
169 |
position: fixed;
|
170 |
+
top: 0;
|
171 |
+
left: 0;
|
172 |
+
width: 100vw;
|
173 |
+
height: 100vh;
|
174 |
+
display: flex;
|
175 |
+
justify-content: center;
|
176 |
+
align-items: center;
|
177 |
+
background: rgba(0,0,0,0.5);
|
178 |
z-index: 999;
|
179 |
+
flex-direction: column;
|
180 |
}
|
181 |
|
182 |
+
#popup-text {
|
183 |
background: white;
|
184 |
padding: 20px;
|
185 |
border-radius: 10px;
|
|
|
188 |
text-align: center;
|
189 |
}
|
190 |
|
191 |
+
#popup-button {
|
|
|
192 |
background-color: #5b65a7;
|
193 |
color: white;
|
194 |
+
padding: 10px 20px;
|
195 |
+
border-radius: 8px;
|
196 |
+
margin-top: 10px;
|
197 |
+
border: none;
|
198 |
+
cursor: pointer;
|
199 |
+
}
|
200 |
+
|
201 |
+
#popup-button:hover {
|
202 |
+
background-color: #3c4687;
|
203 |
}
|
204 |
|
205 |
"""
|