[style] THeader, Category, Detail, OrderList, reminder 수정

This commit is contained in:
jangheon Pyo
2024-05-27 15:42:03 +09:00
parent b26b9796df
commit d3dfe8fe19
5 changed files with 17 additions and 9 deletions

View File

@@ -14,7 +14,10 @@
.title { .title {
width: 1788px; width: 1788px;
font-size: 42px; font-size: 42px;
margin-left: 12px; padding-left: 60px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
} }
} }

View File

@@ -335,7 +335,7 @@ export default function CategoryPanel({ panelInfo, isOnTop }) {
return ( return (
<TPanel> <TPanel>
<THeader title="Category" /> <THeader title="CATEGORY" />
{categoryDatas && ( {categoryDatas && (
<TBody <TBody
className={css.tBody} className={css.tBody}

View File

@@ -10,6 +10,8 @@
font-weight: bold !important; font-weight: bold !important;
font-size: 30px !important; font-size: 30px !important;
.elip(@clamp: 1); .elip(@clamp: 1);
padding-left: 12px !important;
text-transform: none !important;
} }
display: flex; display: flex;
width: 100%; width: 100%;

View File

@@ -31,7 +31,9 @@
} }
} }
.orderCancelBtn { .orderCancelBtn {
.size(@w:224px,@h:60px); max-width: none;
min-width: auto;
height: 60px;
align-self: center; align-self: center;
} }
} }
@@ -107,7 +109,9 @@
> div { > div {
border-bottom: 1px solid #dadada; border-bottom: 1px solid #dadada;
text-align: center; text-align: center;
line-height: 86px; display: flex;
align-items: center;
justify-content: center;
&:first-child { &:first-child {
width: 188px; width: 188px;
height: 86px; height: 86px;

View File

@@ -4,14 +4,12 @@
.remindersHeader { .remindersHeader {
display: flex; display: flex;
> div { > div:first-child {
min-width: 200px !important; width: auto !important;
} }
.switchBtn { .switchBtn {
position: fixed; margin-right: auto !important;
top: 20px;
left: 390px;
} }
.headerButtonContainer { .headerButtonContainer {
@@ -19,6 +17,7 @@
width: 100%; width: 100%;
justify-content: flex-end; justify-content: flex-end;
padding-right: 60px; padding-right: 60px;
align-items: center;
.deleteAll { .deleteAll {
margin-right: 34px; margin-right: 34px;