hzhang/HangmanLab.Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve: css for change order

Browse Source
This commit is contained in:
h z
2024-12-29 19:30:46 +00:00
parent 75d083f11f
commit 2837edef31
3 changed files with 25 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Footer.js
View File

@@ -32,7 +32,7 @@ const Footer = () => {
<a href="https://git.hangman-lab.top/hzhang/HangmanLab">git</a> <a href="https://git.hangman-lab.top/hzhang/HangmanLab">git</a>
&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
v0.0.7 v0.0.8
</span> </span>
)}</p> )}</p>
{ {

21
src/components/Navigations/PathNode.css
View File

@@ -46,4 +46,23 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
width: 100%; width: 100%;
} }
.move-forward {
background-color: #c0fff0 !important;
border-color: #c0fbc0 !important;
color: #b0ffa0 !important;
}
.move-forward:hover {
background-color: #a0ffa0;
border-color: #0afb0c;
}
.move-backward {
background-color: #a0a0ff !important;
border-color: #c0c0ff !important;
color: #0af0fc !important;
}
.move-backward:hover {
background-color: #a4a4f0;
border-color: #facaff;
}

8
src/components/Navigations/PathNode.js
View File

@@ -138,14 +138,14 @@ const PathNode = ({ path, isRoot = false }) => {
style={{marginLeft: "0.5rem"}} style={{marginLeft: "0.5rem"}}
> >
<button <button
className="button is-small is-primary mb-1" className="button is-small mb-1 move-forward"
style={{height: "1rem", padding: "0.25rem"}} style={{height: "1rem", padding: "0.25rem"}}
onClick={() => handleMovePath(path, "forward")} onClick={() => handleMovePath(path, "forward")}
type="button" type="button"
> >
</button> </button>
<button <button
className="button is-small is-primary mb-1" className="button is-small mb-1 move-backward"
style={{height: "1rem", padding: "0.25rem"}} style={{height: "1rem", padding: "0.25rem"}}
onClick={() => handleMovePath(path, "backward")} onClick={() => handleMovePath(path, "backward")}
type="button" type="button"
@@ -177,14 +177,14 @@ const PathNode = ({ path, isRoot = false }) => {
<PermissionGuard rolesRequired={['admin']}> <PermissionGuard rolesRequired={['admin']}>
<div className="control"> <div className="control">
<button <button
className="button is-small is-primary mb-1" className="button is-small mb-1 move-forward"
style={{ height: "1rem", padding: "0.25rem" }} style={{ height: "1rem", padding: "0.25rem" }}
onClick={() => handleMoveMarkdown(markdown, "forward")} onClick={() => handleMoveMarkdown(markdown, "forward")}
type="button" type="button"
> >
</button> </button>
<button <button
className="button is-small is-primary mb-1" className="button is-small mb-1 move-backward"
style={{ height: "1rem", padding: "0.25rem" }} style={{ height: "1rem", padding: "0.25rem" }}
onClick={() => handleMoveMarkdown(markdown, "backward")} onClick={() => handleMoveMarkdown(markdown, "backward")}
type="button" type="button"