Spaces:
Sleeping
Sleeping
Update app.py
Browse files
app.py
CHANGED
@@ -14,54 +14,58 @@ body {
|
|
14 |
background-color: #000000;
|
15 |
}
|
16 |
.sidebar .sidebar-content {
|
17 |
-
background-color: #
|
18 |
-
padding:
|
19 |
}
|
20 |
header, #MainMenu, footer {visibility: hidden;}
|
21 |
.category-button {
|
22 |
-
background-color: #
|
23 |
-
color: #
|
24 |
border: none;
|
25 |
text-align: left;
|
26 |
font-size: 1.1rem;
|
27 |
font-weight: bold;
|
28 |
-
padding: 10px;
|
29 |
width: 100%;
|
30 |
-
margin
|
31 |
transition: background-color 0.3s;
|
32 |
}
|
33 |
.category-button:hover {
|
34 |
-
background-color: #
|
35 |
}
|
36 |
.category-button:focus {
|
37 |
outline: none;
|
38 |
}
|
39 |
.selected-category {
|
40 |
-
background-color: #
|
41 |
-
color: #
|
42 |
}
|
43 |
.submenu-button {
|
44 |
-
background-color: #
|
45 |
-
color: #
|
46 |
border: none;
|
47 |
text-align: left;
|
48 |
font-size: 1rem;
|
49 |
-
padding: 6px
|
50 |
width: 100%;
|
51 |
-
margin
|
52 |
transition: background-color 0.3s;
|
53 |
}
|
54 |
.submenu-button:hover {
|
55 |
-
background-color: #
|
56 |
}
|
57 |
.submenu-button:focus {
|
58 |
outline: none;
|
59 |
}
|
60 |
.selected-submenu {
|
61 |
-
background-color: #
|
62 |
-
color: #
|
63 |
font-weight: bold;
|
64 |
}
|
|
|
|
|
|
|
|
|
65 |
"""
|
66 |
|
67 |
# Set page config
|
@@ -75,6 +79,11 @@ st.set_page_config(
|
|
75 |
# Apply CSS
|
76 |
st.markdown(f"<style>{css}</style>", unsafe_allow_html=True)
|
77 |
|
|
|
|
|
|
|
|
|
|
|
78 |
# Menu structure (can be easily extended for multi-language support)
|
79 |
menu_structure = {
|
80 |
"๋ฒ ์คํธ TOP 10": ["FLUX LoRA ์คํ๋์ค", "[์์น+VisionLLM] ํ๊ตญ์ด JinJavis","FLUX ํ์ฅ ์ด๋ฏธ์ง ์์ฑ","์ด๋ฏธ์ง์ ํ๊ธ ํ๋กฌํํธ๋ก ์ด๋ฏธ์ง ๋ณํ","LOGO ๋์์ธ ์์ฑ","FLUX GIF ์์ฑ","์ด๋ฏธ์ง์ ํ๋กฌํํธ๋ก ์์ ์์ฑ","ํ
์คํธ๋ก ๊ฐ์ฒด๋ง ์๋ผ๋ด๊ณ ๋ฐฐ๊ฒฝ ํฌ๋ช
ํ","์ํ ์ฌ์ง ์
๋ก๋+ํ๋กฌํํธ๋ก ๋ฐฐ๊ฒฝ์ ํฉ์ฑ","EveryText: ๋ชจ๋ ๋ฌธ์๊ฐ ์ด๋ฏธ์ง ์์ฑ์ ๋ฐ์"],
|
|
|
14 |
background-color: #000000;
|
15 |
}
|
16 |
.sidebar .sidebar-content {
|
17 |
+
background-color: #1A1A1A !important;
|
18 |
+
padding: 0.5rem 0 0 0;
|
19 |
}
|
20 |
header, #MainMenu, footer {visibility: hidden;}
|
21 |
.category-button {
|
22 |
+
background-color: #222222;
|
23 |
+
color: #FFFFFF;
|
24 |
border: none;
|
25 |
text-align: left;
|
26 |
font-size: 1.1rem;
|
27 |
font-weight: bold;
|
28 |
+
padding: 10px 10px 10px 15px;
|
29 |
width: 100%;
|
30 |
+
margin: 0;
|
31 |
transition: background-color 0.3s;
|
32 |
}
|
33 |
.category-button:hover {
|
34 |
+
background-color: #333333;
|
35 |
}
|
36 |
.category-button:focus {
|
37 |
outline: none;
|
38 |
}
|
39 |
.selected-category {
|
40 |
+
background-color: #444444 !important;
|
41 |
+
color: #FFFFFF !important;
|
42 |
}
|
43 |
.submenu-button {
|
44 |
+
background-color: #2A2A2A;
|
45 |
+
color: #FFFFFF;
|
46 |
border: none;
|
47 |
text-align: left;
|
48 |
font-size: 1rem;
|
49 |
+
padding: 6px 6px 6px 25px;
|
50 |
width: 100%;
|
51 |
+
margin: 0;
|
52 |
transition: background-color 0.3s;
|
53 |
}
|
54 |
.submenu-button:hover {
|
55 |
+
background-color: #3A3A3A;
|
56 |
}
|
57 |
.submenu-button:focus {
|
58 |
outline: none;
|
59 |
}
|
60 |
.selected-submenu {
|
61 |
+
background-color: #4A4A4A !important;
|
62 |
+
color: #FFFFFF !important;
|
63 |
font-weight: bold;
|
64 |
}
|
65 |
+
.sidebar .sidebar-content {
|
66 |
+
width: 100%;
|
67 |
+
margin-left: 0;
|
68 |
+
}
|
69 |
"""
|
70 |
|
71 |
# Set page config
|
|
|
79 |
# Apply CSS
|
80 |
st.markdown(f"<style>{css}</style>", unsafe_allow_html=True)
|
81 |
|
82 |
+
# Sidebar menu
|
83 |
+
st.sidebar.markdown('<h1 style="margin-left: 15px;">๋ฉ๋ด</h1>', unsafe_allow_html=True)
|
84 |
+
|
85 |
+
|
86 |
+
|
87 |
# Menu structure (can be easily extended for multi-language support)
|
88 |
menu_structure = {
|
89 |
"๋ฒ ์คํธ TOP 10": ["FLUX LoRA ์คํ๋์ค", "[์์น+VisionLLM] ํ๊ตญ์ด JinJavis","FLUX ํ์ฅ ์ด๋ฏธ์ง ์์ฑ","์ด๋ฏธ์ง์ ํ๊ธ ํ๋กฌํํธ๋ก ์ด๋ฏธ์ง ๋ณํ","LOGO ๋์์ธ ์์ฑ","FLUX GIF ์์ฑ","์ด๋ฏธ์ง์ ํ๋กฌํํธ๋ก ์์ ์์ฑ","ํ
์คํธ๋ก ๊ฐ์ฒด๋ง ์๋ผ๋ด๊ณ ๋ฐฐ๊ฒฝ ํฌ๋ช
ํ","์ํ ์ฌ์ง ์
๋ก๋+ํ๋กฌํํธ๋ก ๋ฐฐ๊ฒฝ์ ํฉ์ฑ","EveryText: ๋ชจ๋ ๋ฌธ์๊ฐ ์ด๋ฏธ์ง ์์ฑ์ ๋ฐ์"],
|