seawolf2357 commited on
Commit
aa67d14
·
verified ·
1 Parent(s): 5fa2101

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +31 -9
app.py CHANGED
@@ -384,24 +384,46 @@ textarea::placeholder {
384
  }
385
 
386
  /* ===== 🎨 드롭다운 스타일 ===== */
387
- select,
388
- .gr-dropdown,
389
- .gr-dropdown select {
390
  background: #FFFFFF !important;
391
  border: 3px solid #1F2937 !important;
392
  border-radius: 8px !important;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
393
  color: #1F2937 !important;
394
  font-family: 'Comic Neue', cursive !important;
395
  font-weight: 700 !important;
396
  padding: 8px 12px !important;
397
- box-shadow: 3px 3px 0px #1F2937 !important;
398
- transition: all 0.2s ease !important;
399
  }
400
 
401
- select:focus,
402
- .gr-dropdown:focus {
403
- border-color: #3B82F6 !important;
404
- box-shadow: 4px 4px 0px #3B82F6 !important;
 
 
 
 
405
  }
406
 
407
  /* ===== 🎨 Primary 버튼 - 코믹 블루 ===== */
 
384
  }
385
 
386
  /* ===== 🎨 드롭다운 스타일 ===== */
387
+ .gr-dropdown {
 
 
388
  background: #FFFFFF !important;
389
  border: 3px solid #1F2937 !important;
390
  border-radius: 8px !important;
391
+ box-shadow: 3px 3px 0px #1F2937 !important;
392
+ }
393
+
394
+ .gr-dropdown > div {
395
+ background: #FFFFFF !important;
396
+ border: none !important;
397
+ }
398
+
399
+ .gr-dropdown input {
400
+ color: #1F2937 !important;
401
+ font-family: 'Comic Neue', cursive !important;
402
+ font-weight: 700 !important;
403
+ }
404
+
405
+ .gr-dropdown ul {
406
+ background: #FFFFFF !important;
407
+ border: 3px solid #1F2937 !important;
408
+ border-radius: 8px !important;
409
+ box-shadow: 4px 4px 0px #1F2937 !important;
410
+ }
411
+
412
+ .gr-dropdown ul li {
413
  color: #1F2937 !important;
414
  font-family: 'Comic Neue', cursive !important;
415
  font-weight: 700 !important;
416
  padding: 8px 12px !important;
 
 
417
  }
418
 
419
+ .gr-dropdown ul li:hover {
420
+ background: #FACC15 !important;
421
+ color: #1F2937 !important;
422
+ }
423
+
424
+ .gr-dropdown ul li.selected {
425
+ background: #3B82F6 !important;
426
+ color: #FFFFFF !important;
427
  }
428
 
429
  /* ===== 🎨 Primary 버튼 - 코믹 블루 ===== */