TDMS/web/src/index.css
Maksim Skobaro 181dc824a1 Implemented UserProfile.tsx, without editing
* 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
2024-10-21 00:55:58 +03:00

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;
}