This commit is contained in:
@@ -63,46 +63,46 @@ body {
|
||||
background: var(--color-background);
|
||||
transition: color 0.5s, background-color 0.5s;
|
||||
line-height: 1.6;
|
||||
font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
|
||||
Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
||||
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
|
||||
Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
|
||||
sans-serif;
|
||||
font-size: 15px;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
header{
|
||||
header {
|
||||
display: flex;
|
||||
gap: 2em;
|
||||
align-items: center;
|
||||
/* border-bottom: 1px solid var(--vt-c-white-mute); */
|
||||
}
|
||||
|
||||
h1{
|
||||
h1 {
|
||||
color: var(--vt-c-text-dark-1);
|
||||
}
|
||||
|
||||
nav{
|
||||
display:flex;
|
||||
nav {
|
||||
display: flex;
|
||||
gap: 1em;
|
||||
}
|
||||
|
||||
a{
|
||||
a {
|
||||
color: var(--color-text);
|
||||
text-decoration: none;
|
||||
|
||||
}
|
||||
a.router-link-active{
|
||||
a.router-link-active {
|
||||
font-weight: bold;
|
||||
border-bottom: 1px solid var(--color-text);
|
||||
}
|
||||
a:hover{
|
||||
a:hover {
|
||||
color: white;
|
||||
}
|
||||
|
||||
div#app{
|
||||
div#app {
|
||||
height: 95vh;
|
||||
}
|
||||
div#table{
|
||||
div#table {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,92 +1,95 @@
|
||||
:root{
|
||||
--white: white;
|
||||
--black: #273036;
|
||||
--red: #c71634;
|
||||
--cyan: #005744;
|
||||
--pink: #ff65ae;
|
||||
--blue: #00a9b3;
|
||||
--green: #189749;
|
||||
--yellow: #fff336;
|
||||
--orange: #ff6d01;
|
||||
--purple: #5b3ab1;
|
||||
--darkred: #ff2816;
|
||||
--lime: #bfff55;
|
||||
:root {
|
||||
--white: white;
|
||||
--black: #273036;
|
||||
--red: #c71634;
|
||||
--cyan: #005744;
|
||||
--pink: #ff65ae;
|
||||
--blue: #00a9b3;
|
||||
--green: #189749;
|
||||
--yellow: #fff336;
|
||||
--orange: #ff6d01;
|
||||
--purple: #5b3ab1;
|
||||
--darkred: #ff2816;
|
||||
--lime: #bfff55;
|
||||
}
|
||||
|
||||
.handsontable td.align-left, .handsontable th:last-child div {
|
||||
text-align: left !important;
|
||||
.handsontable td.align-left,
|
||||
.handsontable th:last-child div {
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
.ht__active_highlight, .ht__highlight {
|
||||
background: unset;
|
||||
.ht__active_highlight,
|
||||
.ht__highlight {
|
||||
background: unset;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
filter: contrast(85%);
|
||||
filter: contrast(85%);
|
||||
}
|
||||
|
||||
.invert {
|
||||
filter: invert();
|
||||
filter: invert();
|
||||
}
|
||||
.active-hour{
|
||||
background: white !important;
|
||||
.active-hour {
|
||||
background: white !important;
|
||||
}
|
||||
|
||||
.day-of-week{
|
||||
text-transform: uppercase;
|
||||
.day-of-week {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.handsontable * {
|
||||
border: 0px !important;
|
||||
text-align: center !important;
|
||||
vertical-align: middle !important;
|
||||
font-size: 13px;
|
||||
border: 0px !important;
|
||||
text-align: center !important;
|
||||
vertical-align: middle !important;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.handsontable td, .handsontable th{
|
||||
font-family: monospace;
|
||||
color: var(--white);
|
||||
background: var(--black);
|
||||
.handsontable td,
|
||||
.handsontable th {
|
||||
font-family: monospace;
|
||||
color: var(--white);
|
||||
background: var(--black);
|
||||
}
|
||||
|
||||
th{
|
||||
color: gray !important;
|
||||
th {
|
||||
color: gray !important;
|
||||
}
|
||||
td.color-black{
|
||||
background: var(--black);
|
||||
td.color-black {
|
||||
background: var(--black);
|
||||
}
|
||||
td.color-red{
|
||||
background: var(--red);
|
||||
td.color-red {
|
||||
background: var(--red);
|
||||
}
|
||||
td.color-blue{
|
||||
background: var(--blue);
|
||||
td.color-blue {
|
||||
background: var(--blue);
|
||||
}
|
||||
td.color-green{
|
||||
background: var(--green);
|
||||
td.color-green {
|
||||
background: var(--green);
|
||||
}
|
||||
td.color-purple{
|
||||
background: var(--purple);
|
||||
td.color-purple {
|
||||
background: var(--purple);
|
||||
}
|
||||
td.color-lime{
|
||||
background: var(--lime);
|
||||
color: var(--black);
|
||||
td.color-lime {
|
||||
background: var(--lime);
|
||||
color: var(--black);
|
||||
}
|
||||
td.color-cyan{
|
||||
background: var(--cyan);
|
||||
td.color-cyan {
|
||||
background: var(--cyan);
|
||||
}
|
||||
td.color-darkred{
|
||||
background: var(--darkred);
|
||||
td.color-darkred {
|
||||
background: var(--darkred);
|
||||
}
|
||||
td.color-pink{
|
||||
background: var(--pink);
|
||||
td.color-pink {
|
||||
background: var(--pink);
|
||||
}
|
||||
td.color-orange{
|
||||
background: var(--orange);
|
||||
td.color-orange {
|
||||
background: var(--orange);
|
||||
}
|
||||
td.color-yellow{
|
||||
background: var(--yellow);
|
||||
color: var(--black);
|
||||
td.color-yellow {
|
||||
background: var(--yellow);
|
||||
color: var(--black);
|
||||
}
|
||||
h2 {
|
||||
color: green;
|
||||
}
|
||||
h2{
|
||||
color:green;
|
||||
}
|
||||
@@ -1,4 +1,4 @@
|
||||
@import './base.css';
|
||||
@import "./base.css";
|
||||
|
||||
#app {
|
||||
padding: 1em 2rem;
|
||||
|
||||
Reference in New Issue
Block a user