usbharu
/
misskey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: tweak padding of account in navbar

This commit is contained in:
zyoshoka 2023-11-04 19:35:31 +09:00
parent dc93c511b0
commit fd3b774ed2
No known key found for this signature in database
GPG Key ID: 0C2CB8FBA309A5B8
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/frontend/src/ui/_common_/navbar.vue
View File

@ -176,7 +176,7 @@ function more(ev: MouseEvent) {
.bottom { .bottom {
position: sticky; position: sticky;
bottom: 0; bottom: 0;
padding: 20px 0; padding-top: 20px;
background: var(--X14); background: var(--X14);
-webkit-backdrop-filter: var(--blur, blur(8px)); -webkit-backdrop-filter: var(--blur, blur(8px));
backdrop-filter: var(--blur, blur(8px)); backdrop-filter: var(--blur, blur(8px));
@ -228,11 +228,10 @@ function more(ev: MouseEvent) {
position: relative; position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
padding-left: 30px; padding: 20px 0 20px 30px;
width: 100%; width: 100%;
text-align: left; text-align: left;
box-sizing: border-box; box-sizing: border-box;
margin-top: 16px;
overflow: clip; overflow: clip;
} }
@ -363,7 +362,7 @@ function more(ev: MouseEvent) {
.bottom { .bottom {
position: sticky; position: sticky;
bottom: 0; bottom: 0;
padding: 20px 0; padding-top: 20px;
background: var(--X14); background: var(--X14);
-webkit-backdrop-filter: var(--blur, blur(8px)); -webkit-backdrop-filter: var(--blur, blur(8px));
backdrop-filter: var(--blur, blur(8px)); backdrop-filter: var(--blur, blur(8px));
@ -374,7 +373,6 @@ function more(ev: MouseEvent) {
position: relative; position: relative;
width: 100%; width: 100%;
height: 52px; height: 52px;
margin-bottom: 16px;
text-align: center; text-align: center;
&:before { &:before {
@ -411,6 +409,7 @@ function more(ev: MouseEvent) {
.account { .account {
display: block; display: block;
text-align: center; text-align: center;
padding: 20px 0;
width: 100%; width: 100%;
overflow: clip; overflow: clip;
} }