Spaces:
Sleeping
Sleeping
Update app.py
Browse files
app.py
CHANGED
@@ -121,36 +121,38 @@ def create_journal_interface():
|
|
121 |
.header {
|
122 |
text-align: center;
|
123 |
margin-bottom: 2rem;
|
124 |
-
background: linear-gradient(135deg, #
|
125 |
padding: 2rem;
|
126 |
border-radius: 15px;
|
127 |
-
color:
|
|
|
128 |
}
|
129 |
|
130 |
/* Input area styles */
|
131 |
.input-container {
|
132 |
-
background:
|
133 |
border-radius: 15px;
|
134 |
padding: 20px;
|
135 |
-
box-shadow: 0 4px
|
136 |
margin-bottom: 20px;
|
137 |
}
|
138 |
|
139 |
/* Output area styles */
|
140 |
.output-container {
|
141 |
-
background: #
|
142 |
border-radius: 15px;
|
143 |
padding: 20px;
|
144 |
margin-top: 20px;
|
|
|
145 |
}
|
146 |
|
147 |
/* Button styles */
|
148 |
.custom-button {
|
149 |
-
background: linear-gradient(135deg, #
|
150 |
border: none;
|
151 |
padding: 10px 20px;
|
152 |
border-radius: 8px;
|
153 |
-
color:
|
154 |
font-weight: bold;
|
155 |
cursor: pointer;
|
156 |
transition: transform 0.2s;
|
@@ -162,7 +164,7 @@ def create_journal_interface():
|
|
162 |
|
163 |
/* Card styles */
|
164 |
.card {
|
165 |
-
background:
|
166 |
border-radius: 10px;
|
167 |
padding: 15px;
|
168 |
margin: 10px 0;
|
|
|
121 |
.header {
|
122 |
text-align: center;
|
123 |
margin-bottom: 2rem;
|
124 |
+
background: linear-gradient(135deg, #4a90e2 0%, #007aff 100%);
|
125 |
padding: 2rem;
|
126 |
border-radius: 15px;
|
127 |
+
color: #ffffff;
|
128 |
+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
|
129 |
}
|
130 |
|
131 |
/* Input area styles */
|
132 |
.input-container {
|
133 |
+
background: #ffffff;
|
134 |
border-radius: 15px;
|
135 |
padding: 20px;
|
136 |
+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
137 |
margin-bottom: 20px;
|
138 |
}
|
139 |
|
140 |
/* Output area styles */
|
141 |
.output-container {
|
142 |
+
background: #f3f4f6;
|
143 |
border-radius: 15px;
|
144 |
padding: 20px;
|
145 |
margin-top: 20px;
|
146 |
+
color: #333333;
|
147 |
}
|
148 |
|
149 |
/* Button styles */
|
150 |
.custom-button {
|
151 |
+
background: linear-gradient(135deg, #4a90e2 0%, #007aff 100%);
|
152 |
border: none;
|
153 |
padding: 10px 20px;
|
154 |
border-radius: 8px;
|
155 |
+
color: #ffffff;
|
156 |
font-weight: bold;
|
157 |
cursor: pointer;
|
158 |
transition: transform 0.2s;
|
|
|
164 |
|
165 |
/* Card styles */
|
166 |
.card {
|
167 |
+
background: #ffffff;
|
168 |
border-radius: 10px;
|
169 |
padding: 15px;
|
170 |
margin: 10px 0;
|