reduced size of user button, increased profile icon size

This commit is contained in:
booploops 2021-12-04 14:18:55 -08:00
parent 3885ecfe83
commit 682da2eb31
2 changed files with 7 additions and 6 deletions

View file

@ -174,8 +174,8 @@
<div class="sidebar-user-text">
<template v-if="chrome.userinfo.attributes">
<div class="fullname">{{ chrome.userinfo.attributes.name }}</div>
<div class="handle-text">@{{ chrome.userinfo.attributes.handle }}</div>
<div class="fullname text-overflow-elipsis">{{ chrome.userinfo.attributes.name }}</div>
<div class="handle-text text-overflow-elipsis">@{{ chrome.userinfo.attributes.handle }}</div>
</template>
<template v-else>
Sign in

View file

@ -271,7 +271,7 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
.app-sidebar-button {
width: 100%;
padding: 8px;
padding: 0px;
font-family: inherit;
display: flex;
border-radius: 6px;
@ -283,13 +283,14 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
}
.app-sidebar-button > .sidebar-user-icon {
width: 26px;
height: 26px;
width: 32px;
height: 32px;
border-radius: 100%;
background-image: var(--artwork);
margin: 2px;
margin: 10px;
flex: 0 0 auto;
box-shadow: var(--mediaItemShadow);
background-size: contain;
}
.app-sidebar-button > .sidebar-user-text {