hashirama/kun-galgame-vue
1
0
Fork 0
Code Issues Pull requests Actions Projects Releases Wiki Activity

pref: adjust mobile

Browse source
This commit is contained in:
KUN1007 2023-09-07 20:55:03 +08:00
parent f519c8ac47
commit d4f9e55dc0
3 changed files with 20 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/top-bar/Hamburger.vue
View file

@ -55,6 +55,7 @@ defineEmits(['showKUNGalgameHamburger'])
box-shadow: var(--shadow);
border-left: none;
border-top: none;
border-radius: 0 5px 5px 5px;
display: flex;
flex-direction: column;
color: var(--kungalgame-font-color-3);

9
src/views/edit/components/Button.vue
View file

@ -114,6 +114,7 @@ const handleSave = () => {
}
/* 单个按钮的样式 */
.btn-container button {
transition: all 0.2s;
height: 40px;
width: 200px;
font-size: 20px;
@ -149,5 +150,11 @@ const handleSave = () => {
background-color: var(--kungalgame-pink-3);
transform: scale(0.8);
}
@media (max-width: 700px) {
.btn-container button {
width: 150px;
font-size: 17px;
}
}
</style>
./Category

12
src/views/topic/content/components/ReplyPanelBtn.vue
View file

@ -57,7 +57,6 @@ const handleShowAdvance = () => {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
/* 单个按钮的样式 */
.btn-container button {
@ -111,4 +110,15 @@ const handleShowAdvance = () => {
background-color: var(--kungalgame-red-3);
transform: scale(0.8);
}
/* 适配手机端 */
@media (max-width: 700px) {
.advance-btn {
display: none;
}
.btn-container button {
width: 150px;
font-size: 17px;
}
}
</style>