cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-09 16:53:36 -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) {
.item {
height: 55px;
height: 40px;
&.compact {
height: 50px;
div > svg {
height: 22px;
width: 22px;
> div {
gap: 20px;
> svg {
height: 24px;
width: 24px;
}
}
}
}

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

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

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

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