diff --git a/frontend_nuxt/components/BaseTabs.vue b/frontend_nuxt/components/BaseTabs.vue index 062ee0eef..f9272b9e0 100644 --- a/frontend_nuxt/components/BaseTabs.vue +++ b/frontend_nuxt/components/BaseTabs.vue @@ -54,6 +54,7 @@ function onTouchEnd(e) { display: flex; border-bottom: 1px solid var(--normal-border-color); align-items: center; + flex-direction: row; } .base-tabs-items { diff --git a/frontend_nuxt/pages/about/index.vue b/frontend_nuxt/pages/about/index.vue index ea60f0946..7b93f5e4d 100644 --- a/frontend_nuxt/pages/about/index.vue +++ b/frontend_nuxt/pages/about/index.vue @@ -89,28 +89,6 @@ export default { margin: 0 auto; } -:deep(.base-tabs-header) { - top: calc(var(--header-height) + 1px); - background-color: var(--background-color-blur); - display: flex; - flex-direction: row; - border-bottom: 1px solid var(--normal-border-color); - margin-bottom: 20px; - overflow-x: auto; - scrollbar-width: none; -} - -:deep(.base-tabs-item) { - padding: 10px 20px; - cursor: pointer; - white-space: nowrap; -} - -:deep(.base-tabs-item.selected) { - color: var(--primary-color); - border-bottom: 2px solid var(--primary-color); -} - .about-content { line-height: 1.6; padding: 20px; diff --git a/frontend_nuxt/pages/message.vue b/frontend_nuxt/pages/message.vue index ed67cd2cb..6da9ce0ef 100644 --- a/frontend_nuxt/pages/message.vue +++ b/frontend_nuxt/pages/message.vue @@ -701,19 +701,6 @@ onActivated(async () => { overflow-x: hidden; } -.message-page :deep(.base-tabs-header) { - position: sticky; - top: 1px; - z-index: 200; - background-color: var(--background-color-blur); - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - backdrop-filter: var(--blur-10); - border-bottom: 1px solid var(--normal-border-color); -} - .message-page-header-right { display: flex; flex-direction: row;