tomasalias/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Fix #85 (Notification icon sized incorrectly for short user names) (#127)

Browse Source
This commit is contained in:
Siphalor
2021-03-29 17:15:39 +02:00
committed by GitHub
parent 0834759e1a
commit 8911bdf966
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
layouts/default.vue
View File

@@ -237,9 +237,11 @@ export default {
position: relative; position: relative;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
min-width: 12rem;
.dropdown { .dropdown {
position: relative; position: relative;
display: inline-block; display: inline-block;
flex-grow: 1;
&:hover .control { &:hover .control {
border-radius: var(--size-rounded-control); border-radius: var(--size-rounded-control);
background: var(--color-button-bg); background: var(--color-button-bg);
@@ -264,9 +266,11 @@ export default {
padding: 0.3rem 0.75rem; padding: 0.3rem 0.75rem;
position: relative; position: relative;
z-index: 10; z-index: 10;
width: 100%;
.avatar { .avatar {
align-items: center; align-items: center;
display: flex; display: flex;
flex-grow: 1;
.icon { .icon {
border-radius: 50%; border-radius: 50%;
height: 2rem; height: 2rem;