small fixes to theme override panel

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

View file

@ -250,7 +250,7 @@ export function Component(props: Props) {
</Button>
</Tooltip>
<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)}
</Tooltip>
</div>

View file

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