abner/for-legacy-web
1
0
Fork 1
mirror of https://github.com/stoatchat/for-legacy-web.git synced 2026-03-07 09:25:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Make settings not jump around.

Browse Source 
Fix: Auto-complete font size.
This commit is contained in:
Paul
2021-06-24 17:29:01 +01:00
parent d2904f57ab
commit a50ed9bfe9
3 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/common/AutoComplete.tsx
View File

@@ -330,8 +330,10 @@ const Base = styled.div`
padding: 6px; padding: 6px;
border: none; border: none;
display: flex; display: flex;
font-size: 1em;
cursor: pointer; cursor: pointer;
border-radius: 6px; border-radius: 6px;
align-items: center;
flex-direction: row; flex-direction: row;
background: transparent; background: transparent;
color: var(--foreground); color: var(--foreground);

6
src/pages/settings/Settings.module.scss
View File

@@ -65,7 +65,7 @@
background: var(--primary-background); background: var(--primary-background);
.sidebar { .sidebar {
flex-grow: 1; flex: 2;
display: flex; display: flex;
flex-shrink: 0; flex-shrink: 0;
overflow-y: scroll; overflow-y: scroll;
@@ -114,7 +114,7 @@
} }
.content { .content {
flex-grow: 2; flex: 3;
max-width: 740px; max-width: 740px;
padding: 60px 2em; padding: 60px 2em;
overflow-y: scroll; overflow-y: scroll;
@@ -155,7 +155,7 @@
} }
.action { .action {
flex-grow: 1; flex: 1;
flex-shrink: 0; flex-shrink: 0;
padding: 60px 8px; padding: 60px 8px;
color: var(--tertiary-background); color: var(--tertiary-background);

3
src/pages/settings/panes/Panes.module.scss
View File

@@ -74,14 +74,13 @@
.appearance { .appearance {
.theme { .theme {
min-width: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%;
} }
.themes { .themes {
gap: 8px; gap: 8px;
width: 100%;
display: flex; display: flex;
img { img {