James McCool commited on
Commit
3dbcf03
·
1 Parent(s): 83d45be

Update tab styling: change background colors for active and hover states to enhance UI consistency

Browse files
Files changed (1) hide show
  1. app.py +3 -2
app.py CHANGED
@@ -66,7 +66,7 @@ st.markdown("""
66
  .stTabs [data-baseweb="tab"] {
67
  height: 50px;
68
  white-space: pre-wrap;
69
- background-color: #FFD700;
70
  color: white;
71
  border-radius: 10px;
72
  gap: 1px;
@@ -77,11 +77,12 @@ st.markdown("""
77
 
78
  .stTabs [aria-selected="true"] {
79
  background-color: #DAA520;
 
80
  color: white;
81
  }
82
 
83
  .stTabs [data-baseweb="tab"]:hover {
84
- background-color: #DAA520;
85
  cursor: pointer;
86
  }
87
  </style>""", unsafe_allow_html=True)
 
66
  .stTabs [data-baseweb="tab"] {
67
  height: 50px;
68
  white-space: pre-wrap;
69
+ background-color: #DAA520;
70
  color: white;
71
  border-radius: 10px;
72
  gap: 1px;
 
77
 
78
  .stTabs [aria-selected="true"] {
79
  background-color: #DAA520;
80
+ border: 3px solid #FFD700;
81
  color: white;
82
  }
83
 
84
  .stTabs [data-baseweb="tab"]:hover {
85
+ background-color: #FFD700;
86
  cursor: pointer;
87
  }
88
  </style>""", unsafe_allow_html=True)