Daniel C
db66ba849b
* Added page speed route and fallback UI * Added first batch of components and route to create a page-speed monitor * Added basic styling * Added checkboxes and removed old component * Added monitor card and some styling * Moved time functions to separate file and added formatDate function * Added status label * Changed sidebar item priority and small styling fix * Small styling changes
50 lines
1.3 KiB
CSS
50 lines
1.3 KiB
CSS
.create-page-speed > .MuiStack-root {
|
|
position: relative;
|
|
margin: auto;
|
|
margin-top: var(--env-var-default-2);
|
|
background-color: var(--env-var-color-8);
|
|
width: 100%;
|
|
max-width: 500px;
|
|
box-shadow: var(--env-var-shadow-1);
|
|
border-radius: var(--env-var-radius-1);
|
|
padding: var(--env-var-default-2);
|
|
}
|
|
.create-page-speed h1.MuiTypography-root,
|
|
.create-page-speed h2.MuiTypography-root,
|
|
.create-page-speed p.MuiTypography-root {
|
|
color: var(--env-var-color-5);
|
|
}
|
|
.create-page-speed h1.MuiTypography-root,
|
|
.create-page-speed h2.MuiTypography-root {
|
|
font-weight: 600;
|
|
}
|
|
.create-page-speed h2.MuiTypography-root {
|
|
font-size: var(--env-var-font-size-medium-plus);
|
|
}
|
|
.create-page-speed p.MuiTypography-root,
|
|
.create-page-speed button {
|
|
font-size: var(--env-var-font-size-medium);
|
|
}
|
|
.create-page-speed .MuiBox-root > .field + p.MuiTypography-root {
|
|
font-size: var(--env-var-font-size-small-plus);
|
|
opacity: 0.6;
|
|
}
|
|
.create-page-speed .checkbox-wrapper {
|
|
margin-bottom: 1px;
|
|
}
|
|
|
|
.create-page-speed button:not(.MuiIconButton-root) {
|
|
height: var(--env-var-height-2);
|
|
}
|
|
.create-page-speed .MuiIconButton-root {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
margin: var(--env-var-spacing-1);
|
|
}
|
|
|
|
body:has(.create-page-speed) .select-dropdown .MuiMenuItem-root,
|
|
.create-page-speed .select-wrapper .select-component > .MuiSelect-select {
|
|
text-transform: lowercase;
|
|
}
|