kediritechnopark/AnythingYouWant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ok

Browse Source
This commit is contained in:
insvrgent
2025-02-14 19:09:09 +07:00
parent 725bb867bf
commit a7f350464c
5 changed files with 39 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
src/components/Item.js
View File

@@ -94,21 +94,21 @@ const Item = ({
<div className={`${styles.item} ${forInvoice ? styles.itemInvoice : ""} `}> <div className={`${styles.item} ${forInvoice ? styles.itemInvoice : ""} `}>
{!forInvoice && ( {!forInvoice && (
// <div className={styles.imageContainer}> // <div className={styles.imageContainer}>
<img <img
src={ src={
previewUrl previewUrl
} }
onError={({ currentTarget }) => { onError={({ currentTarget }) => {
currentTarget.onerror = null; // prevents looping currentTarget.onerror = null; // prevents looping
currentTarget.src = currentTarget.src =
"https://png.pngtree.com/png-vector/20221125/ourmid/pngtree-no-image-available-icon-flatvector-illustration-pic-design-profile-vector-png-image_40966566.jpg"; "https://png.pngtree.com/png-vector/20221125/ourmid/pngtree-no-image-available-icon-flatvector-illustration-pic-design-profile-vector-png-image_40966566.jpg";
}} }}
alt={itemName} alt={itemName}
style={{ style={{
filter: !isAvailable ? "grayscale(100%)" : "none", filter: !isAvailable ? "grayscale(100%)" : "none",
}} }}
className={styles.imageContainer} className={styles.imageContainer}
/> />
// </div> // </div>
)} )}
<div className={styles.itemDetails}> <div className={styles.itemDetails}>
@@ -142,17 +142,17 @@ const Item = ({
disabled={!blank && !isBeingEdit} disabled={!blank && !isBeingEdit}
/> */} /> */}
<h3 style={{ <h3 style={{
textTransform: 'capitalize', textTransform: 'capitalize',
margin: '5px 0px 10px 10px', margin: '5px 0px 10px 10px',
fontSize: '16px', fontSize: '16px',
display: '-webkit-box', display: '-webkit-box',
WebkitBoxOrient: 'vertical', WebkitBoxOrient: 'vertical',
overflow: 'hidden', overflow: 'hidden',
WebkitLineClamp: 2, WebkitLineClamp: 2,
textOverflow: 'ellipsis' textOverflow: 'ellipsis'
}}> }}>
{itemName} {itemName}
</h3> </h3>
{forInvoice && ( {forInvoice && (
<> <>
<p className={styles.multiplySymbol}>x</p> <p className={styles.multiplySymbol}>x</p>
@@ -224,7 +224,7 @@ const Item = ({
}}>{initialPrice}</span> }}>{initialPrice}</span>
</div> </div>
</> </>
} }
</div> </div>
)} )}
@@ -300,7 +300,7 @@ const Item = ({
))} ))}
{forInvoice && ( {forInvoice && (
<p className={styles.itemPriceInvoice}>Rp {itemQty * itemPrice}</p> <p className={styles.itemPriceInvoice}>Rp {itemQty * (promoPrice > 0? promoPrice : itemPrice)}</p>
)} )}
</div> </div>
{forCart && ( {forCart && (
@@ -316,13 +316,14 @@ const Item = ({
</div> </div>
{itemDescription && itemDescription != 'undefined' && itemDescription?.length && {itemDescription && itemDescription != 'undefined' && itemDescription?.length &&
<div> <div>
<p style={{ <p style={{
maxHeight: '34px', maxHeight: '34px',
display: '-webkit-box', display: '-webkit-box',
WebkitBoxOrient: 'vertical', WebkitBoxOrient: 'vertical',
overflow: 'hidden', overflow: 'hidden',
WebkitLineClamp: 2, WebkitLineClamp: 2,
textOverflow: 'ellipsis', color: '#5f5f5f', fontSize: '14px', padding: '5px', margin: 0 }}>{itemDescription}</p> textOverflow: 'ellipsis', color: '#5f5f5f', fontSize: '14px', padding: '5px', margin: 0
}}>{itemDescription}</p>
</div> </div>
} }
</div> </div>

5
src/components/Item.module.css
View File

@@ -52,10 +52,6 @@
position: relative; position: relative;
width: 26vw; width: 26vw;
height: 26vw; height: 26vw;
border-radius: 10px;
margin-right: 10px;
object-fit: cover;
position: relative;
} }
.overlay { .overlay {
@@ -145,7 +141,6 @@
font-family: "Plus Jakarta Sans", sans-serif; font-family: "Plus Jakarta Sans", sans-serif;
font-style: normal; font-style: normal;
font-weight: 600; font-weight: 600;
width: calc(100% - 15px); /* Adjust the width to prevent overflow */
font-size: 0.9rem; font-size: 0.9rem;
margin-left: 5px; margin-left: 5px;
color: #d9c61c; color: #d9c61c;

2
src/components/MusicPlayer.css
View File

@@ -25,7 +25,7 @@
/* filter: blur(1.5px); /* filter: blur(1.5px);
-webkit-filter: blur(1.5px); */ -webkit-filter: blur(1.5px); */
/* border-radius: 13px 13px 0 0; */ /* border-radius: 13px 13px 0 0; */
background-color: #8ec781; background-color: #6ec35a;
/* Rounded corners at the top */ /* Rounded corners at the top */
text-align: right; text-align: right;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);

4
src/pages/CafePage.js
View File

@@ -296,7 +296,7 @@ function CafePage({
{cartItemsLength > 0 && {cartItemsLength > 0 &&
<div style={{ marginTop: '10px', height: '40px', position: 'sticky', bottom: '40px', display: 'flex', justifyContent: 'center', alignItems: 'center', textAlign: 'center' }}> <div style={{ marginTop: '10px', height: '40px', position: 'sticky', bottom: '40px', display: 'flex', justifyContent: 'center', alignItems: 'center', textAlign: 'center' }}>
<div onClick={goToCart} style={{ backgroundColor: 'rgb(142, 199, 129)', width: '70vw', height: '40px', borderRadius: '30px', display: 'flex', justifyContent: 'space-between', padding: '0 20px' }}> <div onClick={goToCart} style={{ backgroundColor: '#6ec35a', width: '70vw', height: '40px', borderRadius: '30px', display: 'flex', justifyContent: 'space-between', padding: '0 20px' }}>
<div style={{ display: 'flex', flexWrap: 'wrap', alignContent: 'center' }}>{cartItemsLength} item</div> <div style={{ display: 'flex', flexWrap: 'wrap', alignContent: 'center' }}>{cartItemsLength} item</div>
<div style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-end', width: '130px' }}> <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-end', width: '130px' }}>
<span style={{ whiteSpace: 'nowrap' }}>Rp{totalPrice}</span> <span style={{ whiteSpace: 'nowrap' }}>Rp{totalPrice}</span>
@@ -311,7 +311,7 @@ function CafePage({
</div> </div>
} }
</div> </div>
<div style={{ marginTop: '30px', height: '68px', backgroundColor: 'rgb(222 237 100)', fontWeight: 700, fontSize: '25px', lineHeight: '2.25rem', letterSpacing: '-1px', color: 'rgb(37, 79, 26)', padding: '10px' }}><div>KEDAIMASTER</div></div> <div style={{ marginTop: '30px', height: '27px', backgroundColor: 'rgb(222 237 100)', fontWeight: 700, fontSize: '15px', lineHeight: '1rem', letterSpacing: '-1px', color: 'rgb(37, 79, 26)', padding: '10px' }}><div>KEDAIMASTER</div></div>
</body> </body>
</div> </div>
) )

2
src/pages/Cart.js
View File

@@ -189,7 +189,7 @@ export default function Invoice({ shopId, table, sendParam, deviceType, socket }
setEmail(event.target.value); setEmail(event.target.value);
}; };
return ( return (
<div className={styles.Invoice} style={{height: (getItemsByCafeId(shopId).length > 0 ? '': 'calc(100vh - 75px)'), minHeight: (getItemsByCafeId(shopId).length > 0 ? 'calc(100vh - 210px)': '') }}> <div className={styles.Invoice} style={{height: (getItemsByCafeId(shopId).length > 0 ? '': '100vh'), minHeight: (getItemsByCafeId(shopId).length > 0 ? 'calc(100vh - 210px)': '') }}>
<div style={{ marginTop: "50px" }}></div> <div style={{ marginTop: "50px" }}></div>
<h2 className={styles["Invoice-title"]}>Keranjang</h2> <h2 className={styles["Invoice-title"]}>Keranjang</h2>