starred/sky_phone
1
0
Fork 0
mirror of https://github.com/sky-systems/sky_phone.git synced 2026-09-04 09:13:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

ENH - enlarge neon drop play area

Browse Source
This commit is contained in:
smx.pusha
2026-08-06 11:26:50 +02:00
parent 4e1eadea39
commit 3470a17811
2 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/apps/NeonDropApp.vue
+16 -12
View File
@@ -632,15 +632,15 @@ onBeforeUnmount(() => {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 7px;
gap: 5px;
}
.neon-board {
width: 200px;
height: 360px;
width: 230px;
height: 414px;
display: grid;
grid-template-columns: repeat(10, 1fr);
grid-template-rows: repeat(18, 1fr);
gap: 2px;
gap: 1.5px;
padding: 5px;
border: 1px solid #65f4e43b;
border-radius: 13px;
@@ -699,19 +699,23 @@ onBeforeUnmount(() => {
animation: neon-clear 0.24s ease-out;
}
.neon-side {
width: 49px;
width: 47px;
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
padding-top: 4px;
gap: 7px;
padding: 7px 3px 9px;
border: 1px solid #65f4e41f;
border-radius: 13px;
background: linear-gradient(180deg, #1420478f, #090d24a3);
box-shadow: inset 0 0 16px #53e8d90a;
}
.neon-side > strong {
font-size: 22px;
}
.neon-preview {
width: 49px;
height: 49px;
width: 43px;
height: 43px;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(4, 1fr);
@@ -730,7 +734,7 @@ onBeforeUnmount(() => {
.neon-level {
position: relative;
width: 7px;
height: 190px;
height: 246px;
overflow: hidden;
border-radius: 8px;
background: #ffffff0c;
@@ -749,10 +753,10 @@ onBeforeUnmount(() => {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 5px;
margin-top: 7px;
margin-top: 9px;
}
.neon-controls button {
height: 39px;
height: 41px;
display: grid;
place-items: center;
padding: 0;
sky_phone/source/html/index.html
+1 -1
View File
@@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sky Phone</title>
<script type="module" crossorigin src="./assets/sky-index-Uhjf5Lei.js"></script>
<script type="module" crossorigin src="./assets/sky-index-Cbr6kPFN.js"></script>
<link rel="stylesheet" crossorigin href="./assets/sky-index-D9eWeoNZ.css">
</head>
<body>