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

Fix: Small mobile fixes, paddings

Browse source
This commit is contained in:
nizune 2021-07-05 16:24:25 +02:00
parent b5a11d5c8f
commit f1d413b6ef
3 changed files with 19 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -147,14 +147,18 @@
@media (pointer: coarse) { @media (pointer: coarse) {
.item { .item {
height: 55px; height: 40px;
&.compact { &.compact {
height: 50px; height: 50px;
div > svg { > div {
height: 22px; gap: 20px;
width: 22px;
> svg {
height: 24px;
width: 24px;
}
} }
} }
} }

4
src/pages/settings/GenericSettings.tsx
View file

@ -85,7 +85,7 @@ export function GenericSettings({
<> <>
{showExitButton && ( {showExitButton && (
<IconButton onClick={exitSettings}> <IconButton onClick={exitSettings}>
<X size={24} /> <X size={27} style={{marginInlineEnd: "8px"}} />
</IconButton> </IconButton>
)} )}
<Text id="app.settings.title" /> <Text id="app.settings.title" />
@ -93,7 +93,7 @@ export function GenericSettings({
) : ( ) : (
<> <>
<IconButton onClick={() => switchPage()}> <IconButton onClick={() => switchPage()}>
<ArrowBack size={24} /> <ArrowBack size={24} style={{marginInlineEnd: "10px"}} />
</IconButton> </IconButton>
<Text <Text
id={`app.settings.${category}.${page}.title`} id={`app.settings.${category}.${page}.title`}

9
src/pages/settings/panes/Panes.module.scss
View file

@ -186,12 +186,21 @@
text-transform: unset; text-transform: unset;
a { a {
opacity: 0.7; opacity: 0.7;
color: var(--accent); color: var(--accent);
font-weight: 600; font-weight: 600;
&:hover { &:hover {
text-decoration: underline; text-decoration: underline;
} }
}
@media only screen and (max-width: 800px) {
a {
display: block;
}
} }
} }
} }