diff --git a/frontend_nuxt/assets/global.css b/frontend_nuxt/assets/global.css index 659080bd9..7aff019b9 100644 --- a/frontend_nuxt/assets/global.css +++ b/frontend_nuxt/assets/global.css @@ -18,7 +18,7 @@ --background-color-blur: rgba(255, 255, 255, 0.57); --menu-border-color: lightgray; --normal-border-color: lightgray; - --menu-selected-background-color: rgba(228, 228, 228, 0.884); + --menu-selected-background-color: rgba(242, 242, 242, 0.884); --menu-text-color: black; --scroller-background-color: rgba(130, 175, 180, 0.5); /* --normal-background-color: rgb(241, 241, 241); */ @@ -142,6 +142,7 @@ body { .info-content-text video { max-width: 100%; } + .info-content-text { word-break: break-word; max-width: 100%; diff --git a/frontend_nuxt/pages/message-box/[id].vue b/frontend_nuxt/pages/message-box/[id].vue index dc96c1b18..fda18fc66 100644 --- a/frontend_nuxt/pages/message-box/[id].vue +++ b/frontend_nuxt/pages/message-box/[id].vue @@ -492,6 +492,7 @@ function goBack() { .messages-list { overflow-y: auto; + overflow-x: hidden; padding: 20px; padding-bottom: 100px; display: flex; @@ -597,6 +598,7 @@ function goBack() { } .reply-preview { + margin-top: 10px; padding: 10px; border-left: 5px solid var(--primary-color); margin-bottom: 5px; diff --git a/frontend_nuxt/pages/posts/[id]/index.vue b/frontend_nuxt/pages/posts/[id]/index.vue index 30ec1f7a9..abfece495 100644 --- a/frontend_nuxt/pages/posts/[id]/index.vue +++ b/frontend_nuxt/pages/posts/[id]/index.vue @@ -1225,7 +1225,6 @@ onMounted(async () => { .info-content-text { font-size: 16px; line-height: 1.5; - width: 100%; } .article-footer-container {