order details: fix style
This commit is contained in:
@@ -1,12 +1,12 @@
|
|||||||
.container {
|
.container {
|
||||||
padding: 16px;
|
padding: 20px 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-rows: auto minmax(0, auto) auto minmax(0, auto) auto minmax(
|
grid-template-rows: auto minmax(0, auto) auto minmax(0, auto) auto minmax(
|
||||||
0,
|
0,
|
||||||
auto
|
auto
|
||||||
) auto;
|
) auto;
|
||||||
gap: 4px;
|
gap: 3px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
@@ -58,8 +58,9 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
background-color: var(--border);
|
background-color: var(--border);
|
||||||
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
.segmentedContent {
|
.segmentedContent {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -34,6 +34,7 @@ export function OrderDetailsBottomSheet({
|
|||||||
>
|
>
|
||||||
<div className={styles.container}>
|
<div className={styles.container}>
|
||||||
{/* Order Type */}
|
{/* Order Type */}
|
||||||
|
|
||||||
<div className={styles.sectionTitle}>
|
<div className={styles.sectionTitle}>
|
||||||
{t("orderDetails.fulfillmentType")}
|
{t("orderDetails.fulfillmentType")}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user