mirror of
https://github.com/BreizhHardware/Jellystat.git
synced 2026-01-18 16:27:20 +01:00
4391c2ede8
Added SSL proxying on the server side so that HTTP content can be served with HTTPS content Changed css colors from hardcoded values to use variables Changes to websockets to be able to work with SSL/Proxies WIP support of 12/24Hr time format in activities tables (Not working yet) WIP added version checker to be able to check for available updates from GitHub (Not working yet)
108 lines
1.5 KiB
CSS
108 lines
1.5 KiB
CSS
@import 'pages/css/variables.module.css';
|
|
main{
|
|
margin-inline: 20px;
|
|
}
|
|
|
|
.App-logo {
|
|
height: 40vmin;
|
|
pointer-events: none;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
.App-logo {
|
|
animation: App-logo-spin infinite 20s linear;
|
|
}
|
|
}
|
|
|
|
body
|
|
{
|
|
background-color: var(--background-color) !important;
|
|
/* background-color: #17151a; */
|
|
color: white;
|
|
}
|
|
|
|
h1{
|
|
color: white;
|
|
font-weight: lighter !important;
|
|
margin: 0 !important;
|
|
margin-top: 0.5em;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
h2{
|
|
color: white;
|
|
font-weight: lighter !important;
|
|
margin: 0 !important;
|
|
margin-top: 0.5em;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes fade-in {
|
|
from { opacity: 0; }
|
|
to { opacity: 1; }
|
|
}
|
|
@keyframes fade-out {
|
|
from { opacity: 1; }
|
|
to { opacity: 0; }
|
|
}
|
|
|
|
|
|
|
|
.App-header {
|
|
|
|
/* min-height: 100vh; */
|
|
padding-bottom: 10px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: calc(10px + 2vmin);
|
|
color: white;
|
|
}
|
|
|
|
.App-link {
|
|
color: #61dafb;
|
|
}
|
|
|
|
|
|
@keyframes App-logo-spin {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
|
|
.btn-outline-primary
|
|
{
|
|
color: grey!important;
|
|
border-color: var(--primary-color) !important;
|
|
}
|
|
|
|
.btn-outline-primary:hover
|
|
{
|
|
color: white !important;
|
|
background-color: var(--primary-color) !important;
|
|
}
|
|
|
|
.btn-outline-primary.active
|
|
{
|
|
color: white !important;
|
|
background-color: var(--primary-color) !important;
|
|
|
|
}
|
|
|
|
.btn-outline-primary:focus
|
|
{
|
|
color: white !important;
|
|
background-color: var(--primary-color) !important;
|
|
|
|
}
|