JohnGFX commited on
Commit
8748a11
·
1 Parent(s): 8d0c8d9

Force button color and absolute centering

Browse files
Files changed (1) hide show
  1. app.py +45 -21
app.py CHANGED
@@ -175,31 +175,48 @@ st.markdown("""
175
  }
176
  [data-testid="stFileUploadDropzone"] div, [data-testid="stFileUploadDropzone"] span { color: #9CA3AF !important; }
177
 
178
- /* TLAČÍTKA - AGRESIVNÍ FIX BAREV */
179
- div.stButton > button,
180
- button[kind="primary"],
181
- button[kind="secondaryFormSubmit"] {
 
 
 
 
 
 
182
  background-color: #1E60F2 !important;
183
- color: #FFFFFF !important;
184
- border: none !important;
185
  border-radius: 8px !important;
186
  padding: 0.5rem 1.5rem !important;
187
- font-weight: 500 !important;
188
- letter-spacing: 0.02em !important;
189
  transition: all 0.2s ease !important;
190
  }
191
- div.stButton > button:hover,
192
- button[kind="primary"]:hover,
193
- button[kind="secondaryFormSubmit"]:hover {
 
 
 
 
 
194
  background-color: #2563EB !important;
 
 
195
  box-shadow: 0 0 20px rgba(30, 96, 242, 0.5) !important;
196
  transform: translateY(-1px) !important;
197
  }
198
- /* Vynucení bílé barvy textu uvnitř tlačítka */
199
- div.stButton > button p,
200
- button[kind="primary"] p,
201
- button[kind="secondaryFormSubmit"] p {
 
 
 
 
202
  color: #FFFFFF !important;
 
 
203
  }
204
 
205
  /* ZÁLOŽKY */
@@ -300,14 +317,20 @@ if authenticator is None:
300
  auth_status = st.session_state.get("authentication_status")
301
 
302
  if auth_status is not True:
303
- # CSS HACK PRO PŘESNÉ VYCENTROVÁNÍ A OPTIMÁLNÍ ŠÍŘKU
304
  st.markdown("""
305
  <style>
306
  /* Úplné skrytí sidebaru, aby neodtlačoval login doprava */
307
  [data-testid="stSidebar"] { display: none !important; }
308
- [data-testid="stAppViewContainer"] { margin-left: 0 !important; }
 
 
 
 
309
 
310
  .stApp { overflow: hidden !important; }
 
 
311
  .block-container {
312
  display: flex !important;
313
  flex-direction: column !important;
@@ -315,19 +338,20 @@ if auth_status is not True:
315
  justify-content: center !important;
316
  height: 100vh !important;
317
  padding: 0 !important;
318
- max-width: 100% !important;
 
319
  }
320
- /* Zvětšená šířka na 450px, aby se text nezalamoval */
 
321
  div[data-testid="stVerticalBlock"] {
322
  width: 100% !important;
323
- max-width: 450px !important;
324
  margin: 0 auto !important;
325
  }
326
  </style>
327
  """, unsafe_allow_html=True)
328
 
329
  st.markdown(
330
- "<h1 style='text-align: center; margin-bottom: 2rem; font-size: 2.5rem; letter-spacing: -0.04em;'>Venegard AI Hub</h1>",
331
  unsafe_allow_html=True,
332
  )
333
 
 
175
  }
176
  [data-testid="stFileUploadDropzone"] div, [data-testid="stFileUploadDropzone"] span { color: #9CA3AF !important; }
177
 
178
+ /* =========================================
179
+ ULTIMÁTNÍ FIX TLAČÍTEK (VČETNĚ LOGINU)
180
+ ========================================= */
181
+ button[kind="primary"],
182
+ button[kind="secondary"],
183
+ button[kind="primaryFormSubmit"],
184
+ button[kind="secondaryFormSubmit"],
185
+ button[data-testid="baseButton-primary"],
186
+ button[data-testid="baseButton-secondary"],
187
+ div.stButton > button {
188
  background-color: #1E60F2 !important;
189
+ background: #1E60F2 !important;
190
+ border: 1px solid #1E60F2 !important;
191
  border-radius: 8px !important;
192
  padding: 0.5rem 1.5rem !important;
 
 
193
  transition: all 0.2s ease !important;
194
  }
195
+
196
+ button[kind="primary"]:hover,
197
+ button[kind="secondary"]:hover,
198
+ button[kind="primaryFormSubmit"]:hover,
199
+ button[kind="secondaryFormSubmit"]:hover,
200
+ button[data-testid="baseButton-primary"]:hover,
201
+ button[data-testid="baseButton-secondary"]:hover,
202
+ div.stButton > button:hover {
203
  background-color: #2563EB !important;
204
+ background: #2563EB !important;
205
+ border-color: #2563EB !important;
206
  box-shadow: 0 0 20px rgba(30, 96, 242, 0.5) !important;
207
  transform: translateY(-1px) !important;
208
  }
209
+
210
+ /* Vynucení bílého textu úplně všude uvnitř tlačítek */
211
+ button[kind="primary"] *,
212
+ button[kind="secondary"] *,
213
+ button[data-testid="baseButton-primary"] *,
214
+ button[data-testid="baseButton-secondary"] *,
215
+ div.stButton > button *,
216
+ div.stButton > button p {
217
  color: #FFFFFF !important;
218
+ font-weight: 500 !important;
219
+ letter-spacing: 0.02em !important;
220
  }
221
 
222
  /* ZÁLOŽKY */
 
317
  auth_status = st.session_state.get("authentication_status")
318
 
319
  if auth_status is not True:
320
+ # --- OPRAVA CENTROVÁNÍ LOGINU ---
321
  st.markdown("""
322
  <style>
323
  /* Úplné skrytí sidebaru, aby neodtlačoval login doprava */
324
  [data-testid="stSidebar"] { display: none !important; }
325
+ [data-testid="stSidebarNav"] { display: none !important; }
326
+ section[data-testid="stSidebar"] { display: none !important; width: 0 !important; }
327
+
328
+ /* Zrušíme margin zleva, který dělá ten sidebar */
329
+ [data-testid="stAppViewContainer"] { margin-left: 0 !important; width: 100vw !important; }
330
 
331
  .stApp { overflow: hidden !important; }
332
+
333
+ /* Vycentrování hlavního bloku naprosto přesně doprostřed okna */
334
  .block-container {
335
  display: flex !important;
336
  flex-direction: column !important;
 
338
  justify-content: center !important;
339
  height: 100vh !important;
340
  padding: 0 !important;
341
+ max-width: 450px !important; /* Šířka login boxu */
342
+ margin: 0 auto !important; /* Horizontální centrování */
343
  }
344
+
345
+ /* Vynucení šířky formuláře */
346
  div[data-testid="stVerticalBlock"] {
347
  width: 100% !important;
 
348
  margin: 0 auto !important;
349
  }
350
  </style>
351
  """, unsafe_allow_html=True)
352
 
353
  st.markdown(
354
+ "<h1 style='text-align: center; margin-bottom: 2rem; font-size: 2.5rem; letter-spacing: -0.04em; width: 100%;'>Venegard AI Hub</h1>",
355
  unsafe_allow_html=True,
356
  )
357