Hugging Face's logo

Spaces:
rafaldembski
/
ScamDetector
Running

App Files Community
rafaldembski commited on
Commit
4da3aca
路
verified 路
1 Parent(s): 2a108f8

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +40 -19
app.py CHANGED
@@ -31,9 +31,36 @@ custom_css = """
31
  display: none;
32
  }
33
 
34
- /* Dostosowanie stylu menu */
35
- .css-1aumxhk { /* Klasa dla menu */
 
 
 
36
  background-color: var(--st-secondary-background-color);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
37
  }
38
 
39
  /* Stylizacja stopki */
@@ -50,22 +77,16 @@ custom_css = """
50
  box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
51
  }
52
 
53
- /* Dostosowanie link贸w w menu */
54
- .css-1aumxhk .css-1lcbmhc a {
55
- color: var(--st-text-color);
56
- text-decoration: none;
57
- }
58
-
59
- /* Hover efekty dla menu */
60
- .css-1aumxhk .css-1lcbmhc:hover {
61
- background-color: var(--st-primary-color);
62
- color: #ffffff;
63
- }
64
-
65
- /* Stylizacja wybranego elementu menu */
66
- .css-1aumxhk .css-1lcbmhc.selected {
67
- background-color: var(--st-primary-color);
68
- color: #ffffff;
69
  }
70
  </style>
71
  """
@@ -76,7 +97,7 @@ selected = option_menu(
76
  menu_title=None, # Brak tytu艂u menu
77
  options=["Analiza SMS", "O Projekcie", "Edukacja", "Statystyki", "Kontakt"],
78
  icons=["shield-check", "info-circle", "book", "bar-chart", "envelope"],
79
- menu_icon="cast",
80
  default_index=0,
81
  orientation="horizontal",
82
  styles={
 
31
  display: none;
32
  }
33
 
34
+ /* Stylizacja poziomego menu */
35
+ .horizontal-menu {
36
+ display: flex;
37
+ justify-content: center;
38
+ align-items: center;
39
  background-color: var(--st-secondary-background-color);
40
+ padding: 10px 0;
41
+ box-shadow: 0 2px 4px rgba(0,0,0,0.1);
42
+ }
43
+
44
+ .horizontal-menu .menu-item {
45
+ display: flex;
46
+ align-items: center;
47
+ padding: 10px 20px;
48
+ margin: 0 5px;
49
+ border-radius: 5px;
50
+ transition: background-color 0.3s ease, color 0.3s ease;
51
+ cursor: pointer;
52
+ color: var(--st-text-color);
53
+ text-decoration: none;
54
+ }
55
+
56
+ .horizontal-menu .menu-item:hover {
57
+ background-color: var(--st-primary-color);
58
+ color: #ffffff;
59
+ }
60
+
61
+ .horizontal-menu .menu-item.selected {
62
+ background-color: var(--st-primary-color);
63
+ color: #ffffff;
64
  }
65
 
66
  /* Stylizacja stopki */
 
77
  box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
78
  }
79
 
80
+ /* Responsywno艣膰 */
81
+ @media (max-width: 768px) {
82
+ .horizontal-menu {
83
+ flex-direction: column;
84
+ }
85
+ .horizontal-menu .menu-item {
86
+ margin: 5px 0;
87
+ width: 100%;
88
+ text-align: center;
89
+ }
 
 
 
 
 
 
90
  }
91
  </style>
92
  """
 
97
  menu_title=None, # Brak tytu艂u menu
98
  options=["Analiza SMS", "O Projekcie", "Edukacja", "Statystyki", "Kontakt"],
99
  icons=["shield-check", "info-circle", "book", "bar-chart", "envelope"],
100
+ menu_icon=None, # Usuni臋cie ikony menu
101
  default_index=0,
102
  orientation="horizontal",
103
  styles={