1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00

Add paddings in Application page

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-11-19 16:23:17 +03:00
parent 1d8b7e15e0
commit 5e4be5f6b2

View File

@ -54,7 +54,7 @@ export const Application = observer(() => {
return ( return (
<section id="application"> <section id="application">
<h2 data-testid="application-header">Application</h2> <h2 data-testid="application-header">Application</h2>
<section id="appearance"> <section id="appearance" className="mb-12">
<SubTitle title="Theme"/> <SubTitle title="Theme"/>
<Select <Select
options={ThemeStore.getInstance().themeOptions} options={ThemeStore.getInstance().themeOptions}
@ -64,9 +64,9 @@ export const Application = observer(() => {
/> />
</section> </section>
<hr/> <hr className="mb-12"/>
<section id="shell"> <section id="shell" className="mb-12">
<SubTitle title="Terminal Shell Path"/> <SubTitle title="Terminal Shell Path"/>
<Input <Input
theme="round-black" theme="round-black"
@ -77,7 +77,9 @@ export const Application = observer(() => {
/> />
</section> </section>
<section id="terminalSelection"> <hr className="mb-12"/>
<section id="terminalSelection" className="mb-12">
<SubTitle title="Terminal copy & paste" /> <SubTitle title="Terminal copy & paste" />
<FormSwitch <FormSwitch
label="Copy on select and paste on right-click" label="Copy on select and paste on right-click"
@ -91,9 +93,9 @@ export const Application = observer(() => {
/> />
</section> </section>
<hr/> <hr className="mb-12"/>
<section id="other"> <section id="startup" className="mb-12">
<SubTitle title="Start-up"/> <SubTitle title="Start-up"/>
<FormSwitch <FormSwitch
control={ control={
@ -107,9 +109,9 @@ export const Application = observer(() => {
/> />
</section> </section>
<hr /> <hr className="mb-12"/>
<section id="update-channel"> <section id="update-channel" className="mb-12">
<SubTitle title="Update Channel"/> <SubTitle title="Update Channel"/>
<Select <Select
options={updateChannelOptions} options={updateChannelOptions}
@ -119,7 +121,7 @@ export const Application = observer(() => {
/> />
</section> </section>
<hr /> <hr className="mb-12"/>
<section id="locale"> <section id="locale">
<SubTitle title="Locale Timezone" /> <SubTitle title="Locale Timezone" />