123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195 |
- /* NOTE: This is used for the admin only! */
- .app-container .side-nav {
- position: fixed;
- height: 100vh;
- overflow: auto;
- z-index: 10;
- background-color: var(--theme-color-palette-1);
- }
- .app-container .menu-container {
- border-color: transparent;
- background-color: unset;
- color: var(--theme-color-components-text-on-dark);
- }
- .app-container .menu-container .ant-menu-item-selected:not(.ant-menu-item-only-child),
- .ant-menu-item a:hover,
- .ant-menu-item a::before {
- color: var(--theme-color-palette-12);
- }
- .app-container h1.owncast-title {
- padding: 1rem;
- padding-bottom: 4px;
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- margin-top: unset;
- }
- .app-container h1.owncast-title .logo-container {
- background-color: var(--theme-color-palette-4);
- padding-top: 4px;
- padding-right: 6px;
- padding-left: 6px;
- border-radius: 9999px;
- width: 60px;
- height: 60px;
- }
- .app-container h1.owncast-title .title-label {
- display: inline-block;
- margin-left: 1rem;
- color: var(--theme-color-palette-4);
- font-size: 1.15rem;
- font-weight: 200;
- text-transform: uppercase;
- line-height: normal;
- letter-spacing: 0.05em;
- }
- .app-container .layout-main {
- margin-left: 240px;
- }
- .app-container .layout-header {
- display: flex;
- flex-direction: row;
- justify-content: flex-end;
- padding-right: 1rem;
- padding-left: 1rem;
- background-color: var(--theme-color-background-main);
- }
- .app-container .main-content-container {
- background-color: var(--theme-color-palette-3);
- padding: 2em 3em 3em;
- min-width: 50vw;
- }
- .app-container .footer-container {
- text-align: center;
- }
- .app-container .online-status-indicator {
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- }
- .app-container .online-status-indicator .online-thumbnail {
- width: 12.5rem;
- }
- .app-container .online-status-indicator .status-label {
- color: var(--theme-color-palette-4);
- text-transform: uppercase;
- font-size: 0.75rem;
- display: inline-block;
- margin-right: 0.5rem;
- color: var(--offline-color);
- }
- .app-container .online-status-indicator .status-icon {
- font-size: 1.5rem;
- }
- .app-container .online-status-indicator .status-icon svg {
- fill: var(--offline-color);
- }
- .app-container.online .online-status-indicator .status-icon svg {
- fill: var(--online-color);
- }
- .status-container .status-icon {
- padding: 5px;
- }
- .app-container.online .online-status-indicator .status-label {
- white-space: nowrap;
- color: var(--online-color);
- }
- .global-stream-title-container {
- display: flex;
- justify-content: center;
- align-items: center;
- width: 100%;
- padding-top: 1em;
- box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
- }
- .global-stream-title-container ::placeholder {
- color: #696767;
- }
- .global-stream-title-container .textfield-with-submit-container {
- flex-direction: row;
- justify-content: center;
- align-items: center;
- margin-bottom: 0;
- }
- .global-stream-title-container .textfield-with-submit-container .input-side {
- width: 400px;
- border: 1px solid rgba(120, 113, 255, 0.5);
- border-radius: 0.75rem;
- }
- @media (max-width: 800px) {
- .global-stream-title-container .textfield-with-submit-container .input-side {
- width: auto;
- }
- }
- .global-stream-title-container .textfield-with-submit-container .label-side {
- display: none;
- }
- .global-stream-title-container .textfield-with-submit-container .lower-container {
- width: auto;
- }
- .global-stream-title-container .textfield-with-submit-container .lower-container .lower-content {
- flex-direction: column-reverse;
- position: relative;
- }
- .global-stream-title-container .textfield-with-submit-container .lower-container .label-spacer,
- .global-stream-title-container .textfield-with-submit-container .lower-container .field-tip {
- display: none;
- }
- .global-stream-title-container .textfield-with-submit-container .lower-container .status-container {
- line-height: 1;
- position: absolute;
- bottom: -2em;
- }
- .global-stream-title-container
- .textfield-with-submit-container
- .lower-container
- .update-button-container {
- margin: 0;
- margin-left: 0.5em;
- line-height: 1;
- }
- .ant-select:not(.ant-select-customize-input) .ant-select-selector {
- background-color: var(--theme-color-components-form-field-background);
- }
- .ant-menu-item a,
- .ant-menu-submenu-expand-icon,
- .ant-menu-submenu-arrow {
- color: unset;
- }
- .ant-modal-title {
- color: var(--theme-color-components-modal-header-text);
- }
|