SethTrowbridge/work-graph-simple
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style tweaks

Browse Source
This commit is contained in:
Seth Trowbridge 2025-11-03 15:58:48 -05:00
parent 66f0d22970
commit 11bc2e1d99
3 changed files with 56 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app.js
View File

@ -171,7 +171,7 @@ function Desks(inDesks)
) )
); );
}), }),
DOM.td("⇉"), DOM.td(Div.Icon("⇉")),
desk.make.map((part, index, array)=> desk.make.map((part, index, array)=>
{ {
const partPass = part.pass.get(pass); const partPass = part.pass.get(pass);

40
index.html
View File

@ -3,6 +3,46 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> <title>Document</title>
<style>
/* Basic CSS Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html, body {
height: 100%;
font-family: sans-serif;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img, picture, video, canvas, svg {
display: block;
max-width: 100%;
}
input, button, textarea, select {
font: inherit;
}
a {
text-decoration: none;
color: inherit;
}
ul, ol {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
</style>
</head> </head>
<body> <body>
<script> <script>

22
styles.js
View File

@ -9,23 +9,31 @@ export default Gale({
display: `flex`, display: `flex`,
flexWrap: `wrap` flexWrap: `wrap`
}, },
Icon:{
background:"black",
color:"white",
borderRadius:"2rem",
fontWeight:"bolder",
padding:"0 0.8rem",
margin:"0 1rem"
},
Part:{ Part:{
border: `1px solid black`, border: `1px solid black`,
borderRadius: `5px`, borderRadius: `5px`,
padding: `1rem`, padding: `0.5rem 1rem`,
minHeight: "2rem",
}, },
PartGood:{ PartGood:{
background:"#009b2e", background:"#009b2e",
color:"white", color:"white",
fontWeight: "bolder",
}, },
PartEmpty:{ PartEmpty:{
background:"gray" background:"#ddd"
}, },
PartDirty:{ PartDirty:{
background:"tomato", background:"red",
color:"black", color:"white",
fontWeight:"bolder" fontWeight:"bold"
}, },
PartCaution:{ PartCaution:{
background:"yellow", background:"yellow",
@ -47,7 +55,7 @@ export default Gale({
}, },
GapHorizontal:{ GapHorizontal:{
borderCollapse:"separate", borderCollapse:"separate",
borderSpacing:"0 2rem", borderSpacing:"0.3rem 2rem",
}, },
GapVertical:{ GapVertical:{
borderCollapse:"separate", borderCollapse:"separate",