xwl2023/Yi.Framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:修复仓库logo在小屏错位的问题

Browse Source
This commit is contained in:
Xwen
2024-01-04 09:01:21 +08:00
parent 0b8c296ef5
commit 84e4deecd6
1 changed files with 21 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
Yi.Bbs.Vue3/src/layout/AppHeader.vue
View File

@@ -63,16 +63,16 @@
</el-dropdown-menu>
</template>
</el-dropdown>
</div>
<div class="gitee" @click="handleGitClick">
<el-tooltip effect="dark" content="在gitee找到我们" placement="bottom">
<img src="@/assets/common/icons/gitee.png" alt="" />
</el-tooltip>
</div>
<div class="github" @click="handleGithubClick">
<el-tooltip effect="dark" content="在github找到我们" placement="bottom">
<img src="@/assets/common/icons/github.png" alt="" />
</el-tooltip>
<div class="gitee" @click="handleGitClick">
<el-tooltip effect="dark" content="在gitee找到我们" placement="bottom">
<img src="@/assets/common/icons/gitee.png" alt="" />
</el-tooltip>
</div>
<div class="github" @click="handleGithubClick">
<el-tooltip effect="dark" content="在github找到我们" placement="bottom">
<img src="@/assets/common/icons/github.png" alt="" />
</el-tooltip>
</div>
</div>
</div>
</template>
@@ -155,23 +155,19 @@ const handleGithubClick = () => {
display: flex;
align-items: center;
}
}
.gitee,
.github {
cursor: pointer;
width: 25px;
height: 25px;
position: fixed;
right: 150px;
margin-left: 10px;
img {
width: 100%;
height: 100%;
.gitee,
.github {
cursor: pointer;
width: 25px;
height: 25px;
margin-left: 15px;
img {
width: 100%;
height: 100%;
}
}
}
.github {
right: 100px;
}
.logo {
cursor: pointer;
display: flex;