blender/flamenco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Initial design with dark theme in mind

Browse Source
This commit is contained in:
Francesco Siddi 2022-04-12 20:03:52 +02:00
parent 6161853136
commit 313061cf06
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/app/src/App.vue
View File

@ -91,7 +91,7 @@ export default {
</script> </script>
<style> <style>
@import "tabulator-tables/dist/css/tabulator.min.css"; @import "tabulator-tables/dist/css/tabulator_midnight.min.css";
body { body {
margin: 0; margin: 0;
@ -101,14 +101,14 @@ body {
font-family: 'Noto Sans', sans-serif; font-family: 'Noto Sans', sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
color: #2c3e50; color: #EEEEEE;
background-color: #222222;
display: grid; display: grid;
width: 100%; width: 100%;
height: 100vh; height: 100vh;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 20px 1fr 10px; grid-template-rows: 25px 1fr 25px;
grid-gap: 1rem;
grid-template-areas: grid-template-areas:
"header header header" "header header header"
"col-1 col-2 col-3" "col-1 col-2 col-3"
@ -152,5 +152,7 @@ h3.sub-title {
footer { footer {
grid-area: footer; grid-area: footer;
background-color: #333333;
color: #EEE;
} }
</style> </style>

2
web/app/src/components/JobDetails.vue
View File

@ -133,7 +133,7 @@ export default {
} }
tr:hover { tr:hover {
background-color: lightgrey; background-color: #333333;
} }
tr.field-id td { tr.field-id td {