updates crate description & fix btn styles (#25)
Co-authored-by: Automated Release Test <release-tests-no-reply@zfnd.org>
This commit is contained in:
parent
27d5b6ad54
commit
c14b7bf0cc
|
@ -1,7 +1,7 @@
|
||||||
[package]
|
[package]
|
||||||
name = "zebra-app"
|
name = "zebra-app"
|
||||||
version = "0.0.0-alpha.0"
|
version = "0.0.0-alpha.0"
|
||||||
description = "A Tauri App"
|
description = "Zebra App"
|
||||||
authors = ["you"]
|
authors = ["you"]
|
||||||
edition = "2021"
|
edition = "2021"
|
||||||
|
|
||||||
|
|
|
@ -21,21 +21,23 @@ const FloatingButtonContainer = styled("div")`
|
||||||
padding: 6px 8px 0 0;
|
padding: 6px 8px 0 0;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
box-shadow: #1c1c1c 0 0 6px 2px, #1c1c1c 0 0 12px 2px, #1c1c1c 0 0 24px 2px;
|
box-shadow: #1c1c1c 0 0 6px 2px, #1c1c1c 0 0 12px 2px, #1c1c1c 0 0 24px 2px;
|
||||||
|
|
||||||
|
> button {
|
||||||
|
outline: none;
|
||||||
|
border: solid 2px white;
|
||||||
|
color: white;
|
||||||
|
padding: 8px 14px;
|
||||||
|
margin: 12px;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-size: 14px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
cursor: pointer;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const Button = styled("button")`
|
const Button = styled("button")`
|
||||||
outline: none;
|
|
||||||
border: solid 2px white;
|
|
||||||
color: white;
|
|
||||||
padding: 8px 14px;
|
|
||||||
margin: 12px;
|
|
||||||
border-radius: 8px;
|
|
||||||
font-size: 14px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
cursor: pointer;
|
|
||||||
letter-spacing: 1px;
|
|
||||||
background: transparent;
|
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: #aaa;
|
color: #aaa;
|
||||||
border-color: #aaa;
|
border-color: #aaa;
|
||||||
|
@ -114,38 +116,33 @@ const Configuration = () => {
|
||||||
<h1>Configuration</h1>
|
<h1>Configuration</h1>
|
||||||
|
|
||||||
{is_editable() ? (
|
{is_editable() ? (
|
||||||
<>
|
<ConfigTextArea
|
||||||
<ConfigTextArea
|
value={edited_config() || ""}
|
||||||
value={edited_config() || ""}
|
onChange={({ currentTarget: { value } }) => set_edited_config(value)}
|
||||||
onChange={({ currentTarget: { value } }) =>
|
/>
|
||||||
set_edited_config(value)
|
) : (
|
||||||
}
|
<ConfigDisplay>{config_contents}</ConfigDisplay>
|
||||||
/>
|
)}
|
||||||
<FloatingButtonContainer>
|
<FloatingButtonContainer>
|
||||||
|
{is_editable() ? (
|
||||||
|
<>
|
||||||
<Button onClick={discard_changes}>Discard Changes</Button>
|
<Button onClick={discard_changes}>Discard Changes</Button>
|
||||||
<Button onClick={save_and_apply}>Save & Apply</Button>
|
<Button onClick={save_and_apply}>Save & Apply</Button>
|
||||||
</FloatingButtonContainer>
|
</>
|
||||||
</>
|
) : is_saving() ? (
|
||||||
) : (
|
<span
|
||||||
<>
|
style={{
|
||||||
<ConfigDisplay>{config_contents}</ConfigDisplay>
|
padding: "16px",
|
||||||
<FloatingButtonContainer>
|
"margin-top": "16px",
|
||||||
{is_saving() ? (
|
display: "inline-block",
|
||||||
<span
|
}}
|
||||||
style={{
|
>
|
||||||
padding: "16px",
|
Saving and restarting Zebra ...
|
||||||
"margin-top": "16px",
|
</span>
|
||||||
display: "inline-block",
|
) : (
|
||||||
}}
|
<Button onClick={start_editing}>Edit</Button>
|
||||||
>
|
)}
|
||||||
Saving and restarting Zebra ...
|
</FloatingButtonContainer>
|
||||||
</span>
|
|
||||||
) : (
|
|
||||||
<Button onClick={start_editing}>Edit</Button>
|
|
||||||
)}
|
|
||||||
</FloatingButtonContainer>
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
</PageContainer>
|
</PageContainer>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in New Issue