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

解决了random-board和slot-board盒子会随着random-board内容的减少而出现的样式问题

Browse Source
This commit is contained in:
lin 2022-09-16 20:28:34 +08:00
parent 7c39b8156f
commit 256b16de7f
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/GamePage.vue
View File

@ -89,6 +89,8 @@ onMounted(() => {
<style scoped> <style scoped>
.level-board { .level-board {
position: relative; position: relative;
margin: 0 calc(50% - 184px);
width: 100%;
} }
.level-block { .level-block {
@ -96,6 +98,7 @@ onMounted(() => {
} }
.random-board { .random-board {
margin: 0 calc(50% - 184px);
margin-top: 8px; margin-top: 8px;
} }
@ -104,8 +107,9 @@ onMounted(() => {
} }
.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 {