HMC/handmade-revolt
2
0
Fork 0
forked from abner/for-legacy-web
Code Pull Requests Actions Activity

small fixes to theme override panel

Browse Source
This commit is contained in:
nizune
2021-07-09 00:11:01 +02:00
parent c54fe0f1bf
commit 731a8d0e6c
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/settings/panes/Appearance.tsx
View File

@@ -250,7 +250,7 @@ export function Component(props: Props) {
</Button> </Button>
</Tooltip> </Tooltip>
<div className={styles.code} onClick={() => writeClipboard(JSON.stringify(theme))}> <div className={styles.code} onClick={() => writeClipboard(JSON.stringify(theme))}>
<Tooltip content={<Text id="app.special.copy" />}> <Tooltip content={<Text id="app.special.copy" />}> {/*TOFIX: Try to put the tooltip above the .code div without messing up the css challenge */}
{JSON.stringify(theme)} {JSON.stringify(theme)}
</Tooltip> </Tooltip>
</div> </div>

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

@@ -252,11 +252,13 @@
.actions { .actions {
gap: 8px; gap: 8px;
display: flex; display: flex;
margin: 8px 0; margin: 18px 0 8px 0;
.code { .code {
cursor: pointer; cursor: pointer;
display: flex;
align-items: center;
font-size: .875rem;
min-width: 0; min-width: 0;
flex-grow: 1; flex-grow: 1;
padding: 8px; padding: 8px;
@@ -278,6 +280,7 @@
display: grid; display: grid;
column-gap: 16px; column-gap: 16px;
grid-template-columns: repeat(auto-fill,minmax(200px,1fr)); grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
margin-bottom: 20px;
.entry { .entry {
padding: 12px; padding: 12px;