fix: logo宽度固定

This commit is contained in:
TsMask
2023-11-02 17:11:01 +08:00
parent 8f5f6e1d7e
commit ba1f38c07d
3 changed files with 5 additions and 2 deletions

View File

@@ -199,7 +199,7 @@ document.addEventListener('visibilitychange', function () {
<img <img
class="logo-icon" class="logo-icon"
:src="appStore.getLOGOIcon" :src="appStore.getLOGOIcon"
:alt="t('common.title')" :alt="appStore.appName"
:title="appStore.appName" :title="appStore.appName"
/> />
<h1 class="title" :title="appStore.appName"> <h1 class="title" :title="appStore.appName">
@@ -210,7 +210,7 @@ document.addEventListener('visibilitychange', function () {
<img <img
:class="{ 'logo-brand': proConfig.layout !== 'side' }" :class="{ 'logo-brand': proConfig.layout !== 'side' }"
:src="appStore.getLOGOBrand" :src="appStore.getLOGOBrand"
:alt="t('common.title')" :alt="appStore.appName"
:title="appStore.appName" :title="appStore.appName"
/> />
</template> </template>
@@ -279,6 +279,7 @@ document.addEventListener('visibilitychange', function () {
<style lang="less" scoped> <style lang="less" scoped>
.logo-icon { .logo-icon {
height: 32px; height: 32px;
width: 32px;
vertical-align: middle; vertical-align: middle;
border-style: none; border-style: none;
border-radius: 6.66px; border-radius: 6.66px;

View File

@@ -348,6 +348,7 @@ function fnChangeLocale(e: any) {
.logo-icon { .logo-icon {
height: 48px; height: 48px;
width: 48px;
margin-right: 16px; margin-right: 16px;
vertical-align: top; vertical-align: top;
border-style: none; border-style: none;

View File

@@ -258,6 +258,7 @@ onMounted(() => {
& > img { & > img {
height: 32px; height: 32px;
width: 32px;
vertical-align: middle; vertical-align: middle;
border-style: none; border-style: none;
border-radius: 6.66px; border-radius: 6.66px;