ui: fix delimeters

This commit is contained in:
Oleh Polisan 2024-06-20 12:52:09 +03:00
parent 85f427fed3
commit 95536603dd
2 changed files with 7 additions and 10 deletions

View file

@ -90,7 +90,7 @@ function TrayModalComponent({ modalProps, close }: { modalProps: any; close: ()
> >
Custom Tray Icons Custom Tray Icons
</Switch> </Switch>
<Forms.FormDivider className={Margins.top8} /> <Forms.FormDivider className={Margins.top8 + " " + Margins.bottom8} />
<Forms.FormSection className="vcd-custom-tray-icon-section"> <Forms.FormSection className="vcd-custom-tray-icon-section">
<Forms.FormText className={Margins.top16 + " vcd-custom-tray-icon-form-text"}> <Forms.FormText className={Margins.top16 + " vcd-custom-tray-icon-form-text"}>
Main icon Main icon
@ -98,7 +98,7 @@ function TrayModalComponent({ modalProps, close }: { modalProps: any; close: ()
{trayEditButton("icon")} {trayEditButton("icon")}
</Forms.FormSection> </Forms.FormSection>
<Forms.FormDivider className={(Margins.top8, Margins.bottom8)} /> <Forms.FormDivider className={Margins.top8 + " " + Margins.bottom8} />
<Forms.FormSection className="vcd-custom-tray-icon-section"> <Forms.FormSection className="vcd-custom-tray-icon-section">
<Forms.FormText className={Margins.top16 + " vcd-custom-tray-icon-form-text"}> <Forms.FormText className={Margins.top16 + " vcd-custom-tray-icon-form-text"}>
Idle icon Idle icon
@ -106,7 +106,7 @@ function TrayModalComponent({ modalProps, close }: { modalProps: any; close: ()
{trayEditButton("idle")} {trayEditButton("idle")}
</Forms.FormSection> </Forms.FormSection>
<Forms.FormDivider className={(Margins.top8, Margins.bottom8)} /> <Forms.FormDivider className={Margins.top8 + " " + Margins.bottom8} />
<Forms.FormSection className="vcd-custom-tray-icon-section"> <Forms.FormSection className="vcd-custom-tray-icon-section">
<Forms.FormText className={Margins.top16 + " vcd-custom-tray-icon-form-text"}> <Forms.FormText className={Margins.top16 + " vcd-custom-tray-icon-form-text"}>
Speaking icon Speaking icon
@ -114,7 +114,7 @@ function TrayModalComponent({ modalProps, close }: { modalProps: any; close: ()
{trayEditButton("speaking")} {trayEditButton("speaking")}
</Forms.FormSection> </Forms.FormSection>
<Forms.FormDivider className={(Margins.top8, Margins.bottom8)} /> <Forms.FormDivider className={Margins.top8 + " " + Margins.bottom8} />
<Forms.FormSection className="vcd-custom-tray-icon-section"> <Forms.FormSection className="vcd-custom-tray-icon-section">
<Forms.FormText className={Margins.top16 + " vcd-custom-tray-icon-form-text"}> <Forms.FormText className={Margins.top16 + " vcd-custom-tray-icon-form-text"}>
Muted icon Muted icon
@ -122,7 +122,7 @@ function TrayModalComponent({ modalProps, close }: { modalProps: any; close: ()
{trayEditButton("muted")} {trayEditButton("muted")}
</Forms.FormSection> </Forms.FormSection>
<Forms.FormDivider className={(Margins.top8, Margins.bottom8)} /> <Forms.FormDivider className={Margins.top8 + " " + Margins.bottom8} />
<Forms.FormSection className="vcd-custom-tray-icon-section"> <Forms.FormSection className="vcd-custom-tray-icon-section">
<Forms.FormText className={Margins.top16 + " vcd-custom-tray-icon-form-text"}> <Forms.FormText className={Margins.top16 + " vcd-custom-tray-icon-form-text"}>
Deafened icon Deafened icon

View file

@ -49,8 +49,8 @@
visibility: visible; visibility: visible;
opacity: 0; opacity: 0;
position: absolute; position: absolute;
top: 0.5em; top: 0.8em;
left: 0.7em; left: 0.8em;
} }
.vcd-tray-icon-wrap:hover .vcd-tray-icon-image { .vcd-tray-icon-wrap:hover .vcd-tray-icon-image {
@ -64,9 +64,6 @@
opacity: 1; opacity: 1;
} }
.vcd-custom-tray-header h1 { .vcd-custom-tray-header h1 {
margin: 0; margin: 0;
} }