Spaces:
Sleeping
Sleeping
Update login_page.py
Browse files- login_page.py +17 -4
login_page.py
CHANGED
|
@@ -110,7 +110,7 @@ def show_login_page():
|
|
| 110 |
# Find this CSS class in your show_login_page() function:
|
| 111 |
|
| 112 |
.stButton > button {
|
| 113 |
-
width: 60%; /*
|
| 114 |
padding: 12px 0;
|
| 115 |
font-size: 16px;
|
| 116 |
background: linear-gradient(90deg, #4B8BBE, #306998);
|
|
@@ -122,9 +122,22 @@ def show_login_page():
|
|
| 122 |
font-weight: 500;
|
| 123 |
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
|
| 124 |
margin-top: 10px;
|
| 125 |
-
margin-left: auto; /*
|
| 126 |
-
margin-right: auto; /*
|
| 127 |
-
display: block; /*
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 128 |
}
|
| 129 |
|
| 130 |
.stButton > button:hover {
|
|
|
|
| 110 |
# Find this CSS class in your show_login_page() function:
|
| 111 |
|
| 112 |
.stButton > button {
|
| 113 |
+
width: 60%; /* Set a fixed width for all buttons - adjust percentage as needed */
|
| 114 |
padding: 12px 0;
|
| 115 |
font-size: 16px;
|
| 116 |
background: linear-gradient(90deg, #4B8BBE, #306998);
|
|
|
|
| 122 |
font-weight: 500;
|
| 123 |
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
|
| 124 |
margin-top: 10px;
|
| 125 |
+
margin-left: auto; /* Center the button */
|
| 126 |
+
margin-right: auto; /* Center the button */
|
| 127 |
+
display: block; /* Makes margin auto work for centering */
|
| 128 |
+
}
|
| 129 |
+
|
| 130 |
+
/* This ensures button containers are also centered */
|
| 131 |
+
[data-testid="stButton"] {
|
| 132 |
+
text-align: center !important;
|
| 133 |
+
display: flex !important;
|
| 134 |
+
justify-content: center !important;
|
| 135 |
+
}
|
| 136 |
+
|
| 137 |
+
/* Force container to center contents */
|
| 138 |
+
.element-container:has(.stButton) {
|
| 139 |
+
display: flex !important;
|
| 140 |
+
justify-content: center !important;
|
| 141 |
}
|
| 142 |
|
| 143 |
.stButton > button:hover {
|