Force button color and absolute centering
Browse files
app.py
CHANGED
|
@@ -175,31 +175,48 @@ st.markdown("""
|
|
| 175 |
}
|
| 176 |
[data-testid="stFileUploadDropzone"] div, [data-testid="stFileUploadDropzone"] span { color: #9CA3AF !important; }
|
| 177 |
|
| 178 |
-
/*
|
| 179 |
-
|
| 180 |
-
|
| 181 |
-
button[kind="
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 182 |
background-color: #1E60F2 !important;
|
| 183 |
-
|
| 184 |
-
border:
|
| 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 |
-
|
| 192 |
-
button[kind="primary"]:hover,
|
| 193 |
-
button[kind="
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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 |
-
|
| 199 |
-
|
| 200 |
-
button[kind="primary"]
|
| 201 |
-
button[kind="
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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 |
-
#
|
| 304 |
st.markdown("""
|
| 305 |
<style>
|
| 306 |
/* Úplné skrytí sidebaru, aby neodtlačoval login doprava */
|
| 307 |
[data-testid="stSidebar"] { display: none !important; }
|
| 308 |
-
[data-testid="
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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:
|
|
|
|
| 319 |
}
|
| 320 |
-
|
|
|
|
| 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 |
|