Spaces:
Running
on
CPU Upgrade
Running
on
CPU Upgrade
Update app.py
Browse files
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:
|
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:
|
693 |
gap: 15px !important;
|
694 |
-
width:
|
|
|
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:
|
|
|
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 {
|