carry/mini-rbac
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 登录页、主页logo优化

Browse Source
This commit is contained in:
zy7y 2022-09-14 09:48:23 +08:00
parent d79b39b7eb
commit 78ce85ba57
4 changed files with 27 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
backend/mini.db-shm Normal file
View File

Binary file not shown.

BIN
backend/mini.db-wal Normal file
View File

Binary file not shown.

28
frontend/src/components/layout/sider-menu.vue
View File

@ -15,7 +15,10 @@ const menuClick = (menu) => {
<template>
<div class="sider-menu">
<div class="logo"></div>
<div class="logo">
<img src="@/assets/img/fastapi.svg" />
<h1>Mini RBAC</h1>
</div>
<a-menu theme="dark" mode="inline" v-model:selectedKeys="store.selectKey">
<template v-for="menu in store.userMenus" :key="menu.id">
<!-- 0 目录 顶层菜单 -->
@ -43,10 +46,27 @@ const menuClick = (menu) => {
<style scoped>
.logo {
position: relative;
display: flex;
align-items: center;
padding: 16px 16px;
line-height: 32px;
cursor: pointer;
}
.logo img {
display: inline-block;
height: 32px;
background: rgba(255, 255, 255, 0.3);
margin: 16px;
background-size: 100% 100%;
vertical-align: middle;
transition: height 0.2s;
}
.logo h1 {
margin: 0 0 0 12px;
overflow: hidden;
color: #fff;
font-weight: 600;
font-size: 18px;
line-height: 32px;
}
</style>

5
frontend/src/views/login/login.vue
View File

@ -84,20 +84,21 @@ const submitForm = (formEl) => {
<style scoped>
.login {
display: flex;
background-color: #2d3a4b;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
width: 100%;
height: 100%;
background-image: url("@/assets/img/background.svg");
}
.continer {
width: 300px;
height: 300px;
}
.continer h1 {
color: #fff;
/* color: #fff; */
margin-bottom: 30px;
}
.continer .ant-btn {
width: 100%;