cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-26 00:50:56 -05:00
Code Issues Projects Releases Packages Wiki Activity

Update: Larger touch targets for mobile

Browse source
This commit is contained in:
nizune 2021-07-03 12:18:10 +02:00
parent 7553572029
commit e6418e5fab
1 changed files with 15 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/components/navigation/items/Item.module.scss
View file

@ -22,10 +22,6 @@
&.compact { &.compact {
height: 32px; height: 32px;
&[data-mobile="true"] { // TOFIX: make sure this works on mobile
height: 50px;
}
} }
&.user { &.user {
@ -148,3 +144,18 @@
background: var(--error); background: var(--error);
} }
} }
@media (pointer: coarse) {
.item {
height: 55px;
&.compact {
height: 50px;
div > svg {
height: 22px;
width: 22px;
}
}
}
}