From c99ccea2563ff32e7bcfcf1b2f65f69566efc404 Mon Sep 17 00:00:00 2001 From: zhaojisen <1301338853@qq.com> Date: Tue, 12 Aug 2025 16:51:43 +0800 Subject: [PATCH] Fixed: Fix the issue of the logo covering the text --- src/app/elements/nav/nav.component.scss | 38 +++++++++++++------------ 1 file changed, 20 insertions(+), 18 deletions(-) diff --git a/src/app/elements/nav/nav.component.scss b/src/app/elements/nav/nav.component.scss index 2cac77a4c..2ec0542b4 100644 --- a/src/app/elements/nav/nav.component.scss +++ b/src/app/elements/nav/nav.component.scss @@ -11,11 +11,29 @@ } .logo-item { - height: 29px; + height: 30px; width: 60px; + padding: 0 8px; + box-sizing: border-box; + display: flex; + align-items: center; + justify-content: center; a { - padding: 0 14px; + display: flex; + align-items: center; + height: 100%; + padding: 0; + } + + img { + display: block; + max-height: 100%; + max-width: 100%; + height: 100%; + width: auto; + object-fit: contain; + object-position: left center; } } @@ -82,19 +100,3 @@ } } -// -//.flag { -// display: none; -// color: var(--primary-color); -// padding-right: 5px; -// -//} -// -//.active .flag { -// display: inline; -//} -// -//.elements-organization { -// flex: 1; -// text-align: right; -//}