chloe/Seasoned
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI update

Browse Source
This commit is contained in:
chloe
2026-03-17 20:58:21 +00:00
parent 0ad05a1c11
commit f73627e4d2
1 changed files with 42 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
Seasoned.Frontend/app/assets/css/app-theme.css
View File

@@ -202,27 +202,41 @@ html, body {
background: transparent !important; background: transparent !important;
} }
.instruction-step, .ingredient-item { .instruction-step{
display: flex; display: flex !important;
font-family: 'Libre Baskerville', serif; align-items: flex-start !important;
font-size: 1.1rem; gap: 12px !important;
gap: 20px; margin-bottom: 24px !important;
line-height: 1.6; width: 100%;
color: #2c2925;
margin: 0 !important;
padding: 0 !important;
flex: 1;
} }
.step-number { .step-number {
font-family: 'Libre Baskerville', serif !important; font-family: 'Libre Baskerville', serif !important;
font-weight: bold !important; font-weight: bold !important;
color: #3b4e1e !important; color: #3b4e1e !important;
font-size: 1.3rem !important; font-size: 1.1rem !important;
text-align: center !important; min-width: 28px !important;
min-width: 30px; text-align: right !important;
line-height: 1.4 !important; line-height: 1.6 !important;
padding-top: 16px; padding-top: 0 !important;
margin: 0 !important;
}
.step-text {
font-family: 'Libre Baskerville', serif !important;
font-size: 1.1rem !important;
line-height: 1.6 !important;
color: #2c2925 !important;
margin: 0 !important;
flex: 1;
}
.ingredient-item {
font-family: 'Libre Baskerville', serif !important;
font-size: 1.1rem !important;
line-height: 1.8 !important;
color: #2c2925 !important;
margin-bottom: 4px !important;
} }
.chat-container { .chat-container {
@@ -309,8 +323,8 @@ html, body {
align-items: center; align-items: center;
padding: 10px 16px !important; padding: 10px 16px !important;
width: fit-content; width: fit-content;
background-color: #ffffff; /* Same as assistant bubble */ background-color: #fcf8ef !important;
border: 1px solid #dccca7; border: 1px solid #e8dec5 !important;
border-radius: 15px 15px 15px 2px; border-radius: 15px 15px 15px 2px;
} }
@@ -341,24 +355,24 @@ html, body {
.message { .message {
max-width: 85%; max-width: 85%;
padding: 12px 16px; padding: 12px 16px;
font-family: 'Inter', sans-serif; font-family: 'Libre Baskerville', serif !important;
font-size: 1rem; font-size: 0.95rem;
line-height: 1.5; line-height: 1.5;
box-shadow: 0 2px 5px rgba(0,0,0,0.05); box-shadow: 0 4px 10px rgba(0,0,0,0.03);
} }
.message.user { .message.user {
background-color: #efe5e3; background-color: #8c4a32 !important;
color: #5d4037; color: #f4e4bc !important;
align-self: flex-end; align-self: flex-end;
border-radius: 15px 15px 2px 15px; border-radius: 12px 12px 2px 12px;
border: 1px solid #e0d5d2; border: 1px solid #7a3e29
} }
.message.assistant { .message.assistant {
background-color: #ffffff; background-color: #fcf8ef !important;
color: #2e1e0a; color: #2e1e0a !important;
align-self: flex-start; align-self: flex-start;
border-radius: 15px 15px 15px 2px; border-radius: 12px 12px 12px 2px;
border: 1px solid #dccca7; border: 1px solid #e8dec5;
} }