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 {
|