20230413
This commit is contained in:
parent
310d9aa8b2
commit
cf94403298
10
src/App.vue
10
src/App.vue
|
|
@ -222,7 +222,7 @@ import {getData} from './api/index.js'
|
||||||
background: rgba(1, 1, 7, 0.7);
|
background: rgba(1, 1, 7, 0.7);
|
||||||
// overflow: hidden;
|
// overflow: hidden;
|
||||||
.header {
|
.header {
|
||||||
height: 10%;
|
height: 15%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
@ -232,7 +232,7 @@ import {getData} from './api/index.js'
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
.left {
|
.left {
|
||||||
width: 25%;
|
width: 26%;
|
||||||
height: 38%;
|
height: 38%;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -249,7 +249,7 @@ import {getData} from './api/index.js'
|
||||||
letter-spacing: 0.5rem;
|
letter-spacing: 0.5rem;
|
||||||
}
|
}
|
||||||
.right {
|
.right {
|
||||||
width: 25%;
|
width: 26%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
.quit {
|
.quit {
|
||||||
|
|
@ -292,7 +292,7 @@ import {getData} from './api/index.js'
|
||||||
}
|
}
|
||||||
.menu {
|
.menu {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 7%;
|
height: 12%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|
@ -333,7 +333,7 @@ import {getData} from './api/index.js'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.content {
|
.content {
|
||||||
height: calc(100% - 10%);
|
height: calc(100% - 15%);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue