mirror of
https://github.com/revoltchat/revite.git
synced 2024-11-10 01:03:36 -05:00
small fixes to theme override panel
This commit is contained in:
parent
c54fe0f1bf
commit
731a8d0e6c
2 changed files with 6 additions and 3 deletions
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue