3 Commits

  1. 5
      src/views/DeepNineModel.vue
  2. 16
      src/views/homePage.vue

5
src/views/DeepNineModel.vue

@ -296,6 +296,7 @@ const closeNoPermissionDialog = () => {
} }
.sub-title { .sub-title {
max-width: 400px;
width: 80%; width: 80%;
margin-top: 25%; margin-top: 25%;
} }
@ -316,12 +317,14 @@ const closeNoPermissionDialog = () => {
/* margin-top: 20px; */ /* margin-top: 20px; */
} }
} }
@media screen and (min-width: 365px) and (max-width: 400px) {
/* @media screen and (min-width: 365px) and (max-width: 400px){ */
@media screen and (max-width: 768px) {
.top-icon { .top-icon {
margin-top: -2%; margin-top: -2%;
width: 80%; width: 80%;
} }
.bottom-icon{ .bottom-icon{
bottom: 2vh;
gap: 1rem; gap: 1rem;
} }
} }

16
src/views/homePage.vue

@ -2744,7 +2744,7 @@ body {
.changeLevelItems { .changeLevelItems {
display: flex; display: flex;
background-color: #f8f8f8; background-color: #f8f8f8;
width: calc(20% - 12px);
width: 20%;
min-width: 70px; min-width: 70px;
max-width: 150px; max-width: 150px;
justify-content: center; justify-content: center;
@ -3117,10 +3117,17 @@ body {
} }
.changeLevelItems { .changeLevelItems {
flex: 0 0 calc(33% - 20px);
flex: 0 0 calc(33% - 30px);
/* margin-right: auto; */ /* margin-right: auto; */
font-size: 0.7rem;
min-width: 0px;
} }
/* .changeLevelItems {
} */
.changeLevelTitle { .changeLevelTitle {
align-items: center; align-items: center;
display: flex; display: flex;
@ -3147,10 +3154,7 @@ body {
font-size: 0.5rem; font-size: 0.5rem;
} */ } */
.changeLevelItems {
font-size: 0.7rem;
min-width: 0px;
}
.changeLevelItemToken { .changeLevelItemToken {
white-space: nowrap; white-space: nowrap;

Loading…
Cancel
Save