JianMiau/sheep
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge 8eb17e4c02fa2f208a284fea63c408c702bd03eb into 75d97b11c3ca769bf0522673b8cfd4e736169fc9

Browse Source
This commit is contained in:
Linyan 2022-09-17 17:40:45 +08:00 committed by GitHub
commit 1391531a5f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 33 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
src/pages/GamePage.vue
View File

@ -106,40 +106,56 @@ onMounted(() => {
<style scoped> <style scoped>
.level-board { .level-board {
position: relative; position: relative;
margin: 0 calc(50% - 184px);
width: 100%;
} }
.level-block { .level-block {
position: absolute; position: absolute;
} }
.random-board { .random-board {
margin-top: 8px; margin: 0 calc(50% - 184px);
margin-top: 8px;
min-height: 100px;
} }
.random-area { .random-area {
margin-top: 8px; margin-top: 8px;
} }
.slot-board { .slot-board {
margin-top: 24px; border: 10px solid saddlebrown;
border: 10px solid saddlebrown; margin: 0 calc(50% - 157px);
margin-top: 24px;
} }
.block { .block {
font-size: 28px; font-size: 28px;
width: 42px; width: 42px;
height: 42px; height: 42px;
line-height: 42px; line-height: 42px;
border: 1px solid #eee; border: 1px solid #eee;
background: white; background: white;
text-align: center; text-align: center;
vertical-align: top; vertical-align: top;
display: inline-block; display: inline-block;
cursor: pointer;
transition: all 0.1s;
} }
.block:hover {
transform: scale(1.05);
}
.disabled { .disabled {
background: grey; background: grey;
cursor: not-allowed; cursor: not-allowed;
}
.disabled:hover {
transform: scale(1);
} }
</style> </style>