mirror of
https://github.com/blakeblackshear/frigate.git
synced 2026-07-21 11:19:02 +03:00
Josh HawkinsandGitHub
5a5d23b503
CI / AMD64 Build (push) Waiting to run
CI / ARM Build (push) Waiting to run
CI / Jetson Jetpack 6 (push) Waiting to run
CI / AMD64 Extra Build (push) Blocked by required conditions
CI / ARM Extra Build (push) Blocked by required conditions
CI / Synaptics Build (push) Blocked by required conditions
CI / Assemble and push default build (push) Blocked by required conditions
* add generation script a script to read yaml code blocks from docs markdown files and generate corresponding "Frigate UI" tab instructions based on the json schema, i18n, section configs (hidden fields), and nav mappings * first pass * components * add to gitignore * second pass * fix broken anchors * fixes * clean up tabs * version bump * tweaks * remove role mapping config from ui
290 lines
7.0 KiB
CSS
290 lines
7.0 KiB
CSS
/* stylelint-disable docusaurus/copyright-header */
|
|
/**
|
|
* Any CSS included here will be global. The classic template
|
|
* bundles Infima by default. Infima is a CSS framework designed to
|
|
* work well for content-centric websites.
|
|
*/
|
|
|
|
/* You can override the default Infima variables here. */
|
|
:root {
|
|
--ifm-color-primary: #3b82f7;
|
|
--ifm-color-primary-dark: #1d4ed8;
|
|
--ifm-color-primary-darker: #1e40af;
|
|
--ifm-color-primary-darkest: #1e3a8a;
|
|
--ifm-color-primary-light: #60a5fa;
|
|
--ifm-color-primary-lighter: #93c5fd;
|
|
--ifm-color-primary-lightest: #dbeafe;
|
|
--ifm-code-font-size: 95%;
|
|
}
|
|
|
|
.docusaurus-highlight-code-line {
|
|
background-color: rgb(72, 77, 91);
|
|
display: block;
|
|
margin: 0 calc(-1 * var(--ifm-pre-padding));
|
|
padding: 0 var(--ifm-pre-padding);
|
|
}
|
|
|
|
/**
|
|
Custom CSS for OpenAPI Specification. Based of openapi https://github.com/PaloAltoNetworks/docusaurus-openapi-docs/tree/main/demo
|
|
*/
|
|
|
|
/* Sidebar Method labels */
|
|
.api-method > .menu__link,
|
|
.schema > .menu__link {
|
|
align-items: center;
|
|
justify-content: start;
|
|
}
|
|
|
|
.api-method > .menu__link::before,
|
|
.schema > .menu__link::before {
|
|
width: 55px;
|
|
height: 20px;
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
text-transform: uppercase;
|
|
font-weight: 600;
|
|
border-radius: 0.25rem;
|
|
border: 1px solid;
|
|
margin-right: var(--ifm-spacing-horizontal);
|
|
text-align: center;
|
|
flex-shrink: 0;
|
|
border-color: transparent;
|
|
color: white;
|
|
}
|
|
|
|
.get > .menu__link::before {
|
|
content: "get";
|
|
background-color: var(--ifm-color-primary);
|
|
}
|
|
|
|
.post > .menu__link::before {
|
|
content: "post";
|
|
background-color: var(--ifm-color-success);
|
|
}
|
|
|
|
.delete > .menu__link::before {
|
|
content: "del";
|
|
background-color: var(--openapi-code-red);
|
|
}
|
|
|
|
.put > .menu__link::before {
|
|
content: "put";
|
|
background-color: var(--openapi-code-blue);
|
|
}
|
|
|
|
.patch > .menu__link::before {
|
|
content: "patch";
|
|
background-color: var(--openapi-code-orange);
|
|
}
|
|
|
|
.head > .menu__link::before {
|
|
content: "head";
|
|
background-color: var(--ifm-color-secondary-darkest);
|
|
}
|
|
|
|
.event > .menu__link::before {
|
|
content: "event";
|
|
background-color: var(--ifm-color-secondary-darkest);
|
|
}
|
|
|
|
.schema > .menu__link::before {
|
|
content: "schema";
|
|
background-color: var(--ifm-color-secondary-darkest);
|
|
}
|
|
|
|
.menu__list-item--deprecated > .menu__link,
|
|
.menu__list-item--deprecated > .menu__link:hover {
|
|
text-decoration: line-through;
|
|
}
|
|
/* Sidebar Method labels High Contrast */
|
|
.api-method-contrast > .menu__link,
|
|
.schema-contrast > .menu__link {
|
|
align-items: center;
|
|
justify-content: start;
|
|
}
|
|
|
|
.api-method-contrast > .menu__link::before,
|
|
.schema-contrast > .menu__link::before {
|
|
width: 55px;
|
|
height: 20px;
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
text-transform: uppercase;
|
|
font-weight: 600;
|
|
border-radius: 0.25rem;
|
|
border: 1px solid;
|
|
border-inline-start-width: 5px;
|
|
margin-right: var(--ifm-spacing-horizontal);
|
|
text-align: center;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.get-contrast > .menu__link::before {
|
|
content: "get";
|
|
background-color: var(--ifm-color-info-contrast-background);
|
|
color: var(--ifm-color-info-contrast-foreground);
|
|
border-color: var(--ifm-color-info-dark);
|
|
}
|
|
|
|
.post-contrast > .menu__link::before {
|
|
content: "post";
|
|
background-color: var(--ifm-color-success-contrast-background);
|
|
color: var(--ifm-color-success-contrast-foreground);
|
|
border-color: var(--ifm-color-success-dark);
|
|
}
|
|
|
|
.delete-contrast > .menu__link::before {
|
|
content: "del";
|
|
background-color: var(--ifm-color-danger-contrast-background);
|
|
color: var(--ifm-color-danger-contrast-foreground);
|
|
border-color: var(--ifm-color-danger-dark);
|
|
}
|
|
|
|
.put-contrast > .menu__link::before {
|
|
content: "put";
|
|
background-color: var(--ifm-color-warning-contrast-background);
|
|
color: var(--ifm-color-warning-contrast-foreground);
|
|
border-color: var(--ifm-color-warning-dark);
|
|
}
|
|
|
|
.patch-contrast > .menu__link::before {
|
|
content: "patch";
|
|
background-color: var(--ifm-color-success-contrast-background);
|
|
color: var(--ifm-color-success-contrast-foreground);
|
|
border-color: var(--ifm-color-success-dark);
|
|
}
|
|
|
|
.head-contrast > .menu__link::before {
|
|
content: "head";
|
|
background-color: var(--ifm-color-secondary-contrast-background);
|
|
color: var(--ifm-color-secondary-contrast-foreground);
|
|
border-color: var(--ifm-color-secondary-dark);
|
|
}
|
|
|
|
.event-contrast > .menu__link::before {
|
|
content: "event";
|
|
background-color: var(--ifm-color-secondary-contrast-background);
|
|
color: var(--ifm-color-secondary-contrast-foreground);
|
|
border-color: var(--ifm-color-secondary-dark);
|
|
}
|
|
|
|
.schema-contrast > .menu__link::before {
|
|
content: "schema";
|
|
background-color: var(--ifm-color-secondary-contrast-background);
|
|
color: var(--ifm-color-secondary-contrast-foreground);
|
|
border-color: var(--ifm-color-secondary-dark);
|
|
}
|
|
|
|
/* Simple */
|
|
.api-method-simple > .menu__link {
|
|
align-items: center;
|
|
justify-content: start;
|
|
}
|
|
.api-method-simple > .menu__link::before {
|
|
width: 55px;
|
|
height: 20px;
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
text-transform: uppercase;
|
|
font-weight: 600;
|
|
border-radius: 0.25rem;
|
|
align-content: start;
|
|
margin-right: var(--ifm-spacing-horizontal);
|
|
text-align: right;
|
|
flex-shrink: 0;
|
|
border-color: transparent;
|
|
}
|
|
|
|
.get-simple > .menu__link::before {
|
|
content: "get";
|
|
color: var(--ifm-color-info);
|
|
}
|
|
|
|
.post-simple > .menu__link::before {
|
|
content: "post";
|
|
color: var(--ifm-color-success);
|
|
}
|
|
|
|
.delete-simple > .menu__link::before {
|
|
content: "del";
|
|
color: var(--ifm-color-danger);
|
|
}
|
|
|
|
.put-simple > .menu__link::before {
|
|
content: "put";
|
|
color: var(--ifm-color-warning);
|
|
}
|
|
|
|
.patch-simple > .menu__link::before {
|
|
content: "patch";
|
|
color: var(--ifm-color-warning);
|
|
}
|
|
|
|
.head-simple > .menu__link::before {
|
|
content: "head";
|
|
color: var(--ifm-color-secondary-contrast-foreground);
|
|
}
|
|
|
|
.event-simple > .menu__link::before {
|
|
content: "event";
|
|
color: var(--ifm-color-secondary-contrast-foreground);
|
|
}
|
|
|
|
.schema-simple > .menu__link::before {
|
|
content: "schema";
|
|
color: var(--ifm-color-secondary-contrast-foreground);
|
|
}
|
|
|
|
.code-block-error-line {
|
|
background-color: #ff000020;
|
|
display: block;
|
|
margin: 0 calc(-1 * var(--ifm-pre-padding));
|
|
padding: 0 var(--ifm-pre-padding);
|
|
border-left: 3px solid #ff000080;
|
|
}
|
|
|
|
/* ConfigTabs wrapper */
|
|
.config-tabs-wrapper {
|
|
border: 1px solid var(--ifm-color-emphasis-300);
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.config-tabs-wrapper .tabs-container {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
.config-tabs-wrapper .tabs {
|
|
background: var(--ifm-color-emphasis-100);
|
|
border-bottom: 1px solid var(--ifm-color-emphasis-300);
|
|
margin-bottom: 0;
|
|
padding: 0 12px;
|
|
}
|
|
|
|
.config-tabs-wrapper .tabs__item {
|
|
padding: 8px 16px;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.config-tabs-wrapper .tabs__item--active {
|
|
border-bottom-color: var(--ifm-color-primary);
|
|
}
|
|
|
|
.config-tabs-wrapper .config-tab-ui {
|
|
padding: 4px 16px 16px;
|
|
}
|
|
|
|
.config-tabs-wrapper .config-tab-ui > :last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.config-tabs-wrapper div[class*="codeBlockContainer"] {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.config-tabs-wrapper .tabs-container > .margin-top--md:has(.config-tab-yaml:not([hidden])) {
|
|
margin-top: 0 !important;
|
|
} |