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

ok

Browse Source
This commit is contained in:
everythingonblack
2025-04-29 19:59:51 +07:00
parent dc7ed37448
commit c59e3fc377
7 changed files with 97 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/MusicPlayer.js
View File

@@ -108,7 +108,7 @@ export function MusicPlayer({ socket, shopId, user, shopOwnerId, isSpotifyNeedLo
// setSubtitleColor("white");
// setSubtitleBG("black");
// }
const proxiedUrl = `https://dev.api.kedaimaster.com/image?url=${encodeURIComponent(modifyUrl(imageUrl))}`; // Use your proxy to fetch the image
const proxiedUrl = `https://test.api.kedaimaster.com/image?url=${encodeURIComponent(modifyUrl(imageUrl))}`; // Use your proxy to fetch the image
setBackgroundImage(proxiedUrl);
} catch (error) {

17
src/components/Watermark.js
View File

@@ -1,17 +1,20 @@
import React from 'react';
import StepByStep from './StepByStep';
import styles from './Watermark.module.css';
const Watermark = ({dontShowName}) => {
const Watermark = ({ dontShowName }) => {
return (
<div style={{ zIndex: 5, marginTop: '30px', backgroundColor: 'rgb(222 237 100)', fontWeight: 700, fontSize: '15px', lineHeight: '1rem', letterSpacing: '-1px', color: 'rgb(37, 79, 26)', padding: '10px' }}>
{!dontShowName && <div>KEDAIMASTER.COM</div>}
<div style={{ display: 'flex' }}>
<div style={{ width: '45vw', marginTop: '10px', fontSize: '5.5vw', lineHeight: '33px' }}>Gak perlu rasain antri panjang yang bikin bosen lagi. Tinggal scan QR yang ada di meja, eh tiba tiba kamu udah kenyang wkwkkw</div>
<div className={styles.watermark}>
{!dontShowName && <div className={styles.watermarkName}>KEDAIMASTER.COM</div>}
<div className={styles.watermarkContent}>
<div className={styles.watermarkText}>
Gak perlu rasain antri panjang yang bikin bosen lagi. Tinggal scan QR yang ada di meja, eh tiba tiba kamu udah kenyang wkwkkw
</div>
<StepByStep />
</div>
<div style={{ marginTop: '8px' }}>© 2025 KEDIRITECHNOPARK.COM</div>
<div className={styles.watermarkFooter}>© 2025 KEDIRITECHNOPARK.COM</div>
</div>
);
};
export default Watermark;
export default Watermark;

55
src/components/Watermark.module.css Normal file
View File

@@ -0,0 +1,55 @@
.watermark {
z-index: 5;
margin-top: 30px;
background-color: rgb(222, 237, 100);
font-weight: 700;
font-size: 15px;
line-height: 1rem;
letter-spacing: -1px;
color: rgb(37, 79, 26);
padding: 10px;
}
.watermarkName {
display: block;
}
.watermarkContent {
display: flex;
}
.watermarkText {
width: 45vw;
margin-top: 10px;
font-size: 5.5vw;
line-height: 33px;
}
/* Media query for desktop */
@media (min-width: 768px) { /* Adjust the min-width as needed */
.watermark {
z-index: 5;
margin-top: 30px;
background-color: rgb(222, 237, 100);
font-weight: 700;
font-size: 15px;
line-height: 1rem;
letter-spacing: -1px;
color: rgb(37, 79, 26);
padding: 10px;
display: flex;
flex-direction: column;
justify-content: center;
}
.watermarkText {
width: 25vw;
margin-top: 10px;
font-size: 3vw;
line-height: 34px;
}
}
.watermarkFooter {
margin-top: 8px;
}