Hugging Face's logo

Spaces:
Anshini
/
DataSciene_ChatBot
Sleeping

App Files Community
Anshini commited on
Commit
e7619fd
·
verified ·
1 Parent(s): 6fd2cd0

Update pages/machine_learning.py

Browse files
Files changed (1) hide show
  1. pages/machine_learning.py +67 -30
pages/machine_learning.py CHANGED
@@ -12,47 +12,84 @@ os.environ['HF_TOKEN'] = hf
12
  st.set_page_config(page_title="Machine Learning Mentor", layout="wide")
13
 
14
  # --- Custom CSS ---
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
15
  st.markdown("""
16
  <style>
17
- body {
18
- font-family: 'Segoe UI', sans-serif;
19
- background: linear-gradient(135deg, #2c003e, #0f9b8e);
20
- }
21
  .main {
 
22
  padding: 2rem;
 
23
  }
24
- .stTextInput>div>div>input {
25
- color: #ffffff !important;
26
- background-color: #00000010;
27
- border: 1px solid #ffffff30;
28
- }
29
- .chat-bubble {
30
- padding: 1rem;
31
- margin: 0.5rem 0;
32
  border-radius: 12px;
33
- max-width: 80%;
 
 
34
  }
35
- .user-bubble {
36
- background-color: #4b0082;
37
- color: white;
38
- margin-left: auto;
39
- text-align: right;
40
  }
41
- .mentor-bubble {
42
- background-color: #00bfa6;
43
- color: white;
44
- margin-right: auto;
45
  }
46
- .stButton>button {
47
- background: #ffffff20;
48
  border: 1px solid #ffffff50;
49
- color: white;
50
- font-weight: bold;
51
- border-radius: 10px;
52
- transition: 0.3s ease;
53
  }
54
- .stButton>button:hover {
55
- background: #ffffff40;
56
  }
57
  </style>
58
  """, unsafe_allow_html=True)
 
12
  st.set_page_config(page_title="Machine Learning Mentor", layout="wide")
13
 
14
  # --- Custom CSS ---
15
+ # st.markdown("""
16
+ # <style>
17
+ # body {
18
+ # font-family: 'Segoe UI', sans-serif;
19
+ # background: linear-gradient(135deg, #2c003e, #0f9b8e);
20
+ # }
21
+ # .main {
22
+ # padding: 2rem;
23
+ # }
24
+ # .stTextInput>div>div>input {
25
+ # color: #ffffff !important;
26
+ # background-color: #00000010;
27
+ # border: 1px solid #ffffff30;
28
+ # }
29
+ # .chat-bubble {
30
+ # padding: 1rem;
31
+ # margin: 0.5rem 0;
32
+ # border-radius: 12px;
33
+ # max-width: 80%;
34
+ # }
35
+ # .user-bubble {
36
+ # background-color: #4b0082;
37
+ # color: white;
38
+ # margin-left: auto;
39
+ # text-align: right;
40
+ # }
41
+ # .mentor-bubble {
42
+ # background-color: #00bfa6;
43
+ # color: white;
44
+ # margin-right: auto;
45
+ # }
46
+ # .stButton>button {
47
+ # background: #ffffff20;
48
+ # border: 1px solid #ffffff50;
49
+ # color: white;
50
+ # font-weight: bold;
51
+ # border-radius: 10px;
52
+ # transition: 0.3s ease;
53
+ # }
54
+ # .stButton>button:hover {
55
+ # background: #ffffff40;
56
+ # }
57
+ # </style>
58
+ # """, unsafe_allow_html=True)
59
  st.markdown("""
60
  <style>
 
 
 
 
61
  .main {
62
+ background: linear-gradient(135deg, #430089 0%, #82ffa1 100%);
63
  padding: 2rem;
64
+ font-family: 'Segoe UI', sans-serif;
65
  }
66
+ .stButton>button {
67
+ background: #ffffff10;
68
+ border: 2px solid #ffffff50;
69
+ color: white;
70
+ font-size: 18px;
71
+ font-weight: 600;
72
+ padding: 0.8em 1.2em;
 
73
  border-radius: 12px;
74
+ width: 100%;
75
+ transition: 0.3s ease;
76
+ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
77
  }
78
+ .stButton>button:hover {
79
+ background: #ffffff30;
80
+ border-color: #fff;
81
+ color: #ffffff;
 
82
  }
83
+ h1, h3, p, label {
84
+ color: #ffffff;
85
+ text-align: center;
 
86
  }
87
+ hr {
 
88
  border: 1px solid #ffffff50;
89
+ margin: 2em 0;
 
 
 
90
  }
91
+ .css-1aumxhk {
92
+ color: white;
93
  }
94
  </style>
95
  """, unsafe_allow_html=True)