updates crate description & fix btn styles (#25)

Co-authored-by: Automated Release Test <release-tests-no-reply@zfnd.org>
This commit is contained in:
Arya 2024-03-11 22:29:09 -04:00 committed by GitHub
parent 27d5b6ad54
commit c14b7bf0cc
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 40 additions and 43 deletions

View File

@ -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"

View File

@ -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>
); );
}; };