Hugging Face's logo

Spaces:
aiqtech
/
ofai-stream-menu-backup
Sleeping

App Files Community
aiqtech commited on
Commit
8f12ca4
Β·
verified Β·
1 Parent(s): 4bf6fa5

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +25 -16
app.py CHANGED
@@ -14,54 +14,58 @@ body {
14
  background-color: #000000;
15
  }
16
  .sidebar .sidebar-content {
17
- background-color: #D9D9D9 !important;
18
- padding: 1rem;
19
  }
20
  header, #MainMenu, footer {visibility: hidden;}
21
  .category-button {
22
- background-color: #D9D9D9;
23
- color: #333333;
24
  border: none;
25
  text-align: left;
26
  font-size: 1.1rem;
27
  font-weight: bold;
28
- padding: 10px;
29
  width: 100%;
30
- margin-bottom: 5px;
31
  transition: background-color 0.3s;
32
  }
33
  .category-button:hover {
34
- background-color: #C0C0C0;
35
  }
36
  .category-button:focus {
37
  outline: none;
38
  }
39
  .selected-category {
40
- background-color: #C0C0C0 !important;
41
- color: #000000 !important;
42
  }
43
  .submenu-button {
44
- background-color: #E6E6E6;
45
- color: #333333;
46
  border: none;
47
  text-align: left;
48
  font-size: 1rem;
49
- padding: 6px 20px;
50
  width: 100%;
51
- margin-bottom: 3px;
52
  transition: background-color 0.3s;
53
  }
54
  .submenu-button:hover {
55
- background-color: #D0D0D0;
56
  }
57
  .submenu-button:focus {
58
  outline: none;
59
  }
60
  .selected-submenu {
61
- background-color: #C0C0C0 !important;
62
- color: #000000 !important;
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: λͺ¨λ“  λ¬Έμžκ°€ 이미지 생성에 반영"],