abner/for-legacy-web
1
0
Fork 1
mirror of https://github.com/stoatchat/for-legacy-web.git synced 2026-03-06 17:11:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: add margin to theme selector

Browse Source
This commit is contained in:
Paul
2021-12-24 15:51:11 +00:00
parent e9b646f039
commit 6e5bb02774
1 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/settings/appearance/ThemeBaseSelector.tsx
View File

@@ -1,17 +1,15 @@
import { observer } from "mobx-react-lite";
import styled from "styled-components"; import styled from "styled-components";
import { Text } from "preact-i18n"; import { Text } from "preact-i18n";
import { useApplicationState } from "../../../mobx/State";
import darkSVG from "./dark.svg"; import darkSVG from "./dark.svg";
import lightSVG from "./light.svg"; import lightSVG from "./light.svg";
const List = styled.div` const List = styled.div`
gap: 8px; gap: 8px;
display: flex;
width: 100%; width: 100%;
display: flex;
margin-bottom: 15px;
> div { > div {
min-width: 0; min-width: 0;
@@ -29,6 +27,7 @@ const List = styled.div`
&[data-active="true"] { &[data-active="true"] {
cursor: default; cursor: default;
border: 3px solid var(--accent); border: 3px solid var(--accent);
&:hover { &:hover {
border: 3px solid var(--accent); border: 3px solid var(--accent);
} }