trohith89 commited on
Commit
8fc7cf5
·
verified ·
1 Parent(s): ed4c630

Update Home.py

Browse files
Files changed (1) hide show
  1. Home.py +7 -16
Home.py CHANGED
@@ -107,9 +107,6 @@ st.markdown(
107
 
108
 
109
 
110
-
111
-
112
-
113
  import streamlit as st
114
 
115
  # Apply custom CSS for button styling
@@ -119,7 +116,8 @@ st.markdown(
119
  .button-container {
120
  display: flex;
121
  justify-content: center;
122
- gap: 20px;
 
123
  }
124
 
125
  .next-btn {
@@ -131,9 +129,10 @@ st.markdown(
131
  color: white;
132
  font-weight: bold;
133
  text-align: center;
134
- width: 120px;
135
  transition: all 0.3s ease;
136
- background: linear-gradient(to right, #6a11cb, #2575fc);
 
137
  }
138
 
139
  .next-btn:hover {
@@ -145,16 +144,8 @@ st.markdown(
145
  unsafe_allow_html=True
146
  )
147
 
148
- # Use Streamlit's button for functionality
149
  if st.button("Next"):
150
  st.switch_page("pages/0_Problem-Statement_and_Aim.py")
151
 
152
- # Alternatively, if you want to use HTML and still maintain navigation functionality, you can use this:
153
- st.markdown(
154
- """
155
- <div class="button-container">
156
- <button class="next-btn" onclick="window.location.href='/pages/0_Problem-Statement_and_Aim.py'">Next</button>
157
- </div>
158
- """,
159
- unsafe_allow_html=True
160
- )
 
107
 
108
 
109
 
 
 
 
110
  import streamlit as st
111
 
112
  # Apply custom CSS for button styling
 
116
  .button-container {
117
  display: flex;
118
  justify-content: center;
119
+ align-items: center;
120
+ height: 100vh;
121
  }
122
 
123
  .next-btn {
 
129
  color: white;
130
  font-weight: bold;
131
  text-align: center;
132
+ width: 150px;
133
  transition: all 0.3s ease;
134
+ background: linear-gradient(to right, #6a11cb, #2575fc); /* Gradient */
135
+ border: none;
136
  }
137
 
138
  .next-btn:hover {
 
144
  unsafe_allow_html=True
145
  )
146
 
147
+ # Custom HTML button with functionality and gradient look
148
  if st.button("Next"):
149
  st.switch_page("pages/0_Problem-Statement_and_Aim.py")
150
 
151
+