System-End/site
1
0
Fork 0
mirror of https://github.com/System-End/site.git synced 2026-04-20 00:25:19 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixes

Browse source
This commit is contained in:
yodalightsabr 2024-07-09 16:58:56 -04:00
parent 0863c1b97c
commit 04e7aa4df4
1 changed files with 22 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

61
components/arcade/prizes.js
View file

@ -56,6 +56,21 @@ const Prizes = ({
}}
{...props}
>
<Text
sx={{
background: '#FF8C37',
px: '20px',
color: '#FFEEC6',
position: 'absolute',
top: '-10px',
right: '-12px',
transform: `rotate(${ticketRotation}deg)`
}}
variant="headline"
className="gaegu"
>
{cost} 🎟️
</Text>
<Flex sx={{ flexDirection: 'column' }}>
<Flex
sx={{
@ -130,57 +145,25 @@ const Prizes = ({
</Text>
</Flex>
<Text
sx={{
background: '#FF8C37',
px: '20px',
color: '#FFEEC6',
position: 'absolute',
top: '-10px',
right: '-12px',
transform: `rotate(${ticketRotation}deg)`
}}
variant="headline"
className="gaegu"
>
{cost} 🎟️
</Text>
{inStock && (
<Text
variant="headline"
sx={{
position: 'absolute',
bottom: '-25px',
right: '-10px',
color: '#FFEEC6',
'&:hover': {
cursor: 'pointer'
}
}}
onClick={() => {
document.getElementById(`${parsedFullName}-info`).showModal()
}}
>
📦
</Text>
)}
<dialog
id={`${parsedFullName}-info`}
sx={{
background: '#09AFB4',
borderRadius: '10px',
flexDirection: 'column',
flexDirection: 'row',
padding: '30px',
border: 'none',
scrollbarWidth: 'none',
textAlign: 'center',
maxWidth: '400px',
'@media (max-width: 400px)': {
maxWidth: '300px'
maxWidth: '800px',
width: 'calc(100vw - 30px)',
':-internal-dialog-in-top-layer::backdrop': {
background: '#33333344'
}
}}
>
<Close
sx={{
'&:hover': { cursor: 'pointer' },