openfree commited on
Commit
d702c1e
ยท
verified ยท
1 Parent(s): c6b4030

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +12 -5
app.py CHANGED
@@ -671,6 +671,9 @@ def create_interface():
671
  padding: 20px;
672
  margin: 10px 0;
673
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
 
 
 
674
  }
675
  .search-box {
676
  border: 2px solid #e1e1e1;
@@ -678,8 +681,7 @@ def create_interface():
678
  padding: 12px;
679
  transition: all 0.3s ease;
680
  background: linear-gradient(135deg, #ffffff, #f8f9ff);
681
- width: 150%;
682
- margin-right: -50%;
683
  }
684
  .search-box:focus {
685
  border-color: #7b61ff;
@@ -689,24 +691,28 @@ def create_interface():
689
  /* ์ •๋ ฌ ๋ฒ„ํŠผ ์ปจํ…Œ์ด๋„ˆ ์ˆ˜์ • */
690
  .sort-radio {
691
  display: flex !important;
692
- justify-content: flex-start !important;
693
  gap: 15px !important;
694
- width: auto !important;
 
695
  background: transparent !important;
696
  padding: 0 !important;
 
697
  }
698
 
699
  /* ๋ผ๋””์˜ค ๋ฒ„ํŠผ ๊ทธ๋ฃน ์ปจํ…Œ์ด๋„ˆ */
700
  .sort-radio > div {
701
  display: flex !important;
702
  gap: 15px !important;
703
- width: auto !important;
 
704
  }
705
 
706
  /* ๊ฐ ๋ผ๋””์˜ค ๋ฒ„ํŠผ ํ•ญ๋ชฉ */
707
  .sort-radio > div > div {
708
  width: 120px !important;
709
  height: 80px !important;
 
710
  }
711
 
712
  /* ๋ผ๋””์˜ค ๋ฒ„ํŠผ์„ ๋ฒ„ํŠผ์ฒ˜๋Ÿผ ์Šคํƒ€์ผ๋ง */
@@ -771,6 +777,7 @@ def create_interface():
771
  margin-left: auto;
772
  font-size: 1.2em !important;
773
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
 
774
  }
775
 
776
  .refresh-btn:hover {
 
671
  padding: 20px;
672
  margin: 10px 0;
673
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
674
+ display: flex;
675
+ align-items: center;
676
+ gap: 20px;
677
  }
678
  .search-box {
679
  border: 2px solid #e1e1e1;
 
681
  padding: 12px;
682
  transition: all 0.3s ease;
683
  background: linear-gradient(135deg, #ffffff, #f8f9ff);
684
+ width: 100%;
 
685
  }
686
  .search-box:focus {
687
  border-color: #7b61ff;
 
691
  /* ์ •๋ ฌ ๋ฒ„ํŠผ ์ปจํ…Œ์ด๋„ˆ ์ˆ˜์ • */
692
  .sort-radio {
693
  display: flex !important;
694
+ justify-content: center !important;
695
  gap: 15px !important;
696
+ width: 400px !important; /* ๋„ˆ๋น„ ๊ณ ์ • */
697
+ min-width: 400px !important; /* ์ตœ์†Œ ๋„ˆ๋น„ ์„ค์ • */
698
  background: transparent !important;
699
  padding: 0 !important;
700
+ height: 80px !important; /* ๋†’์ด ๊ณ ์ • */
701
  }
702
 
703
  /* ๋ผ๋””์˜ค ๋ฒ„ํŠผ ๊ทธ๋ฃน ์ปจํ…Œ์ด๋„ˆ */
704
  .sort-radio > div {
705
  display: flex !important;
706
  gap: 15px !important;
707
+ width: 100% !important;
708
+ flex-wrap: nowrap !important; /* ์ค„๋ฐ”๊ฟˆ ๋ฐฉ์ง€ */
709
  }
710
 
711
  /* ๊ฐ ๋ผ๋””์˜ค ๋ฒ„ํŠผ ํ•ญ๋ชฉ */
712
  .sort-radio > div > div {
713
  width: 120px !important;
714
  height: 80px !important;
715
+ flex-shrink: 0 !important; /* ํฌ๊ธฐ ์ถ•์†Œ ๋ฐฉ์ง€ */
716
  }
717
 
718
  /* ๋ผ๋””์˜ค ๋ฒ„ํŠผ์„ ๋ฒ„ํŠผ์ฒ˜๋Ÿผ ์Šคํƒ€์ผ๋ง */
 
777
  margin-left: auto;
778
  font-size: 1.2em !important;
779
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
780
+ flex-shrink: 0 !important; /* ํฌ๊ธฐ ์ถ•์†Œ ๋ฐฉ์ง€ */
781
  }
782
 
783
  .refresh-btn:hover {