* added font awesome * replaced GitHub logo in Footer.tsx with one provided by FontAwesome * added loader, when userStore fetching data from server * allow circular dependencies, since this is no problem * fix default (e.g. prod) profile * fix a problem, when no authenticated person calls /api/v1/user/current endpoint
75 lines
1.2 KiB
CSS
75 lines
1.2 KiB
CSS
/* Reset css */
|
|
*, *::before, *::after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
ul[role='list'], ol[role='list'] {
|
|
list-style: none;
|
|
}
|
|
|
|
html:focus-within {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
a:not([class]) {
|
|
text-decoration-skip-ink: auto;
|
|
}
|
|
|
|
img, picture, svg, video, canvas {
|
|
max-width: 100%;
|
|
height: auto;
|
|
vertical-align: middle;
|
|
font-style: italic;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
input, button, textarea, select {
|
|
font: inherit;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
html:focus-within {
|
|
scroll-behavior: auto;
|
|
}
|
|
|
|
*, *::before, *::after {
|
|
animation-duration: 0.01ms !important;
|
|
animation-iteration-count: 1 !important;
|
|
transition-duration: 0.01ms !important;
|
|
scroll-behavior: auto !important;
|
|
transition: none;
|
|
}
|
|
}
|
|
|
|
body, html {
|
|
height: 100%;
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
body {
|
|
padding-top: 56px;
|
|
}
|
|
|
|
#root {
|
|
min-height: calc(100vh - 56px);
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
footer {
|
|
margin-top: auto;
|
|
}
|
|
|
|
#fullscreen-loader {
|
|
min-height: calc(100vh - (56px + 64px + 48px + 48px));
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|