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

This commit is contained in:
Xwen
2024-01-04 09:01:21 +08:00
parent 0b8c296ef5
commit 84e4deecd6

View File

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