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]
|
||||
name = "zebra-app"
|
||||
version = "0.0.0-alpha.0"
|
||||
description = "A Tauri App"
|
||||
description = "Zebra App"
|
||||
authors = ["you"]
|
||||
edition = "2021"
|
||||
|
||||
|
|
|
@ -21,21 +21,23 @@ const FloatingButtonContainer = styled("div")`
|
|||
padding: 6px 8px 0 0;
|
||||
border-radius: 8px;
|
||||
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")`
|
||||
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 {
|
||||
color: #aaa;
|
||||
border-color: #aaa;
|
||||
|
@ -114,38 +116,33 @@ const Configuration = () => {
|
|||
<h1>Configuration</h1>
|
||||
|
||||
{is_editable() ? (
|
||||
<>
|
||||
<ConfigTextArea
|
||||
value={edited_config() || ""}
|
||||
onChange={({ currentTarget: { value } }) =>
|
||||
set_edited_config(value)
|
||||
}
|
||||
/>
|
||||
<FloatingButtonContainer>
|
||||
<ConfigTextArea
|
||||
value={edited_config() || ""}
|
||||
onChange={({ currentTarget: { value } }) => set_edited_config(value)}
|
||||
/>
|
||||
) : (
|
||||
<ConfigDisplay>{config_contents}</ConfigDisplay>
|
||||
)}
|
||||
<FloatingButtonContainer>
|
||||
{is_editable() ? (
|
||||
<>
|
||||
<Button onClick={discard_changes}>Discard Changes</Button>
|
||||
<Button onClick={save_and_apply}>Save & Apply</Button>
|
||||
</FloatingButtonContainer>
|
||||
</>
|
||||
) : (
|
||||
<>
|
||||
<ConfigDisplay>{config_contents}</ConfigDisplay>
|
||||
<FloatingButtonContainer>
|
||||
{is_saving() ? (
|
||||
<span
|
||||
style={{
|
||||
padding: "16px",
|
||||
"margin-top": "16px",
|
||||
display: "inline-block",
|
||||
}}
|
||||
>
|
||||
Saving and restarting Zebra ...
|
||||
</span>
|
||||
) : (
|
||||
<Button onClick={start_editing}>Edit</Button>
|
||||
)}
|
||||
</FloatingButtonContainer>
|
||||
</>
|
||||
)}
|
||||
</>
|
||||
) : is_saving() ? (
|
||||
<span
|
||||
style={{
|
||||
padding: "16px",
|
||||
"margin-top": "16px",
|
||||
display: "inline-block",
|
||||
}}
|
||||
>
|
||||
Saving and restarting Zebra ...
|
||||
</span>
|
||||
) : (
|
||||
<Button onClick={start_editing}>Edit</Button>
|
||||
)}
|
||||
</FloatingButtonContainer>
|
||||
</PageContainer>
|
||||
);
|
||||
};
|
||||
|
|
Loading…
Reference in New Issue