diff --git a/src/components/top-bar/Hamburger.vue b/src/components/top-bar/Hamburger.vue index 6a545112..d3bec811 100644 --- a/src/components/top-bar/Hamburger.vue +++ b/src/components/top-bar/Hamburger.vue @@ -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); diff --git a/src/views/edit/components/Button.vue b/src/views/edit/components/Button.vue index ea2216d2..c00ccc29 100644 --- a/src/views/edit/components/Button.vue +++ b/src/views/edit/components/Button.vue @@ -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; + } +} -./Category diff --git a/src/views/topic/content/components/ReplyPanelBtn.vue b/src/views/topic/content/components/ReplyPanelBtn.vue index d407e57e..ee4f2752 100644 --- a/src/views/topic/content/components/ReplyPanelBtn.vue +++ b/src/views/topic/content/components/ReplyPanelBtn.vue @@ -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; + } +}