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