lorn666 commited on
Commit
3ea5c1c
·
verified ·
1 Parent(s): 722a93b

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +1 -47
app.py CHANGED
@@ -31,73 +31,27 @@ blue_ui_css = """
31
  background-color: #667eea !important;
32
  }
33
 
34
- /* Tab styling - no borders, only blue underline for active tabs */
35
- .gradio-container .tab-nav button,
36
- .gradio-container button[role="tab"],
37
- .gradio-container .tabs button {
38
- background-color: transparent !important;
39
- background: transparent !important;
40
- color: black !important;
41
- border: none !important;
42
- border-bottom: 2px solid transparent !important;
43
- transition: all 0.3s ease !important;
44
- display: block !important;
45
- visibility: visible !important;
46
- }
47
-
48
  .gradio-container .tab-nav button[aria-selected="true"],
49
  .gradio-container .tab-nav button.selected,
50
  .gradio-container button[role="tab"][aria-selected="true"],
51
  .gradio-container button[role="tab"].selected {
52
- background-color: transparent !important;
53
- background: transparent !important;
54
  color: #667eea !important;
55
- border: none !important;
56
  border-bottom: 2px solid #667eea !important;
57
  }
58
 
59
  .gradio-container .tabs button[aria-selected="true"],
60
  .gradio-container .tabs button.selected {
61
- background-color: transparent !important;
62
- background: transparent !important;
63
  color: #667eea !important;
64
- border: none !important;
65
  border-bottom: 2px solid #667eea !important;
66
  }
67
 
68
- /* Hover state for tabs - subtle blue text */
69
- .gradio-container .tab-nav button:hover,
70
- .gradio-container button[role="tab"]:hover,
71
- .gradio-container .tabs button:hover {
72
- background-color: transparent !important;
73
- background: transparent !important;
74
- color: #5a6fd8 !important;
75
- border: none !important;
76
- }
77
-
78
- /* Specific targeting for tab icons and active states */
79
  .gradio-container [data-testid="tab"] button[aria-selected="true"],
80
  .gradio-container .tab button[aria-selected="true"],
81
  .gradio-container [role="tablist"] button[aria-selected="true"] {
82
- background-color: transparent !important;
83
- background: transparent !important;
84
  color: #667eea !important;
85
- border: none !important;
86
  border-bottom: 2px solid #667eea !important;
87
  }
88
-
89
- /* Ensure all tab buttons are visible with black text */
90
- .gradio-container [data-testid="tab"] button,
91
- .gradio-container .tab button,
92
- .gradio-container [role="tablist"] button {
93
- background-color: transparent !important;
94
- background: transparent !important;
95
- color: black !important;
96
- border: none !important;
97
- border-bottom: 2px solid transparent !important;
98
- display: block !important;
99
- visibility: visible !important;
100
- }
101
  """
102
 
103
  SPACE_REPO_ID = "IneqMath/IneqMath_Judge_Private"
 
31
  background-color: #667eea !important;
32
  }
33
 
34
+ /* Only style active tabs with blue underline, leave other buttons alone */
 
 
 
 
 
 
 
 
 
 
 
 
 
35
  .gradio-container .tab-nav button[aria-selected="true"],
36
  .gradio-container .tab-nav button.selected,
37
  .gradio-container button[role="tab"][aria-selected="true"],
38
  .gradio-container button[role="tab"].selected {
 
 
39
  color: #667eea !important;
 
40
  border-bottom: 2px solid #667eea !important;
41
  }
42
 
43
  .gradio-container .tabs button[aria-selected="true"],
44
  .gradio-container .tabs button.selected {
 
 
45
  color: #667eea !important;
 
46
  border-bottom: 2px solid #667eea !important;
47
  }
48
 
 
 
 
 
 
 
 
 
 
 
 
49
  .gradio-container [data-testid="tab"] button[aria-selected="true"],
50
  .gradio-container .tab button[aria-selected="true"],
51
  .gradio-container [role="tablist"] button[aria-selected="true"] {
 
 
52
  color: #667eea !important;
 
53
  border-bottom: 2px solid #667eea !important;
54
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
55
  """
56
 
57
  SPACE_REPO_ID = "IneqMath/IneqMath_Judge_Private"