ATC_SIMPLE/FRONTEND/src/App.module.css

80 lines
1.4 KiB
CSS

.test {
/* background-color: red; */
}
/* body {
font-family: "Mulish", sans-serif;
} */
.list {
position: relative;
margin-bottom: var(--mantine-spacing-md);
gap: 10px;
justify-content: center;
}
.indicator {
background-color: var(--mantine-color-white);
border-radius: var(--mantine-radius-md);
border: 1px solid var(--mantine-color-gray-2);
box-shadow: var(--mantine-shadow-sm);
@mixin dark {
background-color: var(--mantine-color-dark-6);
border-color: var(--mantine-color-dark-4);
}
}
.tab {
z-index: 1;
font-weight: 500;
transition: color 100ms ease;
color: var(--mantine-color-gray-7);
background-color: var(--mantine-color-white);
outline: none;
font-size: 16px;
&[data-active] {
color: var(--mantine-color-black);
background-color: #a6ffe1 !important;
}
@mixin dark {
color: var(--mantine-color-dark-1);
&[data-active] {
color: var(--mantine-color-white);
}
}
}
.content {
width: 100%;
border-top: 1px #ccc solid;
}
.userName {
position: relative;
font-size: 16px;
font-weight: 600;
color: #222;
text-align: center;
margin-right: 8px;
}
.userName::after {
content: "";
display: block;
height: 1px;
background-color: #007bff; /* blue accent */
margin: 0.1rem auto 0;
border-radius: 3px;
}
.containerMain {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 88vh;
}