@telemetryos/development-application-host-ui 1.4.4 → 1.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1 @@
|
|
|
1
|
+
*{box-sizing:border-box}html{height:100%;font-family:Rubik,sans-serif;font-size:14px}body{display:flex;flex-direction:column;min-height:100%;margin:0;background:#0f141a;color:#d4e0ed;font-family:Rubik,sans-serif;font-feature-settings:"rlig" 1,"calt" 1;transition:all .3s ease-in-out}#app{display:flex;flex:1}.app__canvas-surround{display:flex;flex:1;padding:20px;min-width:0;min-height:0}.canvas{display:flex;flex-direction:column;flex:1;align-items:center;justify-content:center}.canvas__application-container{position:relative;display:flex;flex-direction:column;border:1px solid hsl(212 24% 19%);border-radius:8px;background:#121921}.canvas__application-container iframe{flex:1;border:none}.canvas__application-container-drag-handle{position:absolute;bottom:2px;right:2px;display:flex;align-items:center;justify-content:center;width:12px;height:12px;opacity:.3;cursor:se-resize}.canvas__application-container-drag-handle svg{width:12px;height:12px}.application-info{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px;background:#121921;font-family:Rubik,sans-serif;font-feature-settings:"rlig" 1,"calt" 1}.application-info__empty{padding:20px;color:#94a3b8;font-size:13px;text-align:center;font-style:italic}.application-info__section{margin-bottom:24px}.application-info__section:last-child{margin-bottom:0}.application-info__section-title{color:#d4e0ed;font-size:14px;font-weight:600;margin:0 0 12px}.application-info__field{margin-bottom:12px}.application-info__field:last-child{margin-bottom:0}.application-info__label{display:block;color:#94a3b8;font-size:12px;font-weight:500;margin-bottom:6px}.application-info__value{color:#d4e0ed;font-size:13px;padding:8px 12px;background:#4b4f53;border:1px solid hsl(212 24% 19%);border-radius:6px;word-break:break-all}.application-info__thumbnail-container{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px;background:#4b4f53;border:1px solid hsl(212 24% 19%);border-radius:6px}.application-info__thumbnail{max-width:75px;max-height:75px;width:auto;height:auto;object-fit:contain;border-radius:4px}.application-settings{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px;background:#121921;font-family:Rubik,sans-serif;font-feature-settings:"rlig" 1,"calt" 1}.application-settings__loading,.application-settings__empty{padding:20px;color:#94a3b8;font-size:13px;text-align:center;font-style:italic}.device-config{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px;background:#121921;font-family:Rubik,sans-serif;font-feature-settings:"rlig" 1,"calt" 1}.device-config__section{margin-bottom:24px}.device-config__section:last-child{margin-bottom:0}.device-config__section-title{color:#d4e0ed;font-size:14px;font-weight:600;margin:0 0 12px}.device-config__field{margin-bottom:12px}.device-config__field:last-child{margin-bottom:0}.device-config__label{display:block;color:#94a3b8;font-size:12px;font-weight:500;margin-bottom:6px}.device-config__input,.device-config__select{width:100%;height:40px;padding:8px 12px;background:#4b4f53;border:1px solid hsl(212 24% 19%);border-radius:6px;color:#d4e0ed;font-size:13px;font-family:inherit;transition:border-color .3s ease-in-out}.device-config__input::placeholder,.device-config__select::placeholder{color:#94a3b8}.device-config__input:focus,.device-config__select:focus{outline:1px solid hsl(39,93%,59%);outline-offset:0;border-color:#f8b435;box-shadow:none}.account-config{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px;background:#121921;font-family:Rubik,sans-serif;font-feature-settings:"rlig" 1,"calt" 1}.account-config__loading,.account-config__empty{padding:20px;color:#94a3b8;font-size:13px;text-align:center;font-style:italic}.account-config__section{margin-bottom:24px}.account-config__section:last-child{margin-bottom:0}.account-config__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.account-config__section-title{color:#d4e0ed;font-size:14px;font-weight:600;margin:0 0 12px}.account-config__section-header .account-config__section-title{margin:0}.account-config__field{margin-bottom:12px}.account-config__field:last-child{margin-bottom:0}.account-config__label{display:block;color:#94a3b8;font-size:12px;font-weight:500;margin-bottom:6px}.account-config__value{color:#d4e0ed;font-size:13px;padding:8px 12px;background:#4b4f53;border:1px solid hsl(212 24% 19%);border-radius:6px;word-break:break-all}.account-config__input,.account-config__select{width:100%;height:40px;padding:8px 12px;background:#4b4f53;border:1px solid hsl(212 24% 19%);border-radius:6px;color:#d4e0ed;font-size:13px;font-family:inherit;transition:border-color .3s ease-in-out}.account-config__input::placeholder,.account-config__select::placeholder{color:#94a3b8}.account-config__input:focus,.account-config__select:focus{outline:1px solid hsl(39,93%,59%);outline-offset:0;border-color:#f8b435;box-shadow:none}.account-config__button{height:36px;padding:6px 12px;background:#f8b435;border:none;border-radius:6px;color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease-in-out}.account-config__button:hover{background:#f7a918}.account-config__button:active{background:#ec9d09}.account-config__button--small{height:32px;padding:4px 8px;font-size:12px}.account-config__button--danger{background:#f15746;border:none;color:#f8fafc}.account-config__button--danger:hover{background:#ef3d2a}.account-config__button--danger:active{background:#ed2812}.account-config__item{padding:12px;margin-bottom:12px;background:#4b4f53;border:1px solid hsl(212 24% 19%);border-radius:8px}.account-config__item:last-child{margin-bottom:0}.account-config__item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid hsl(212 24% 19%)}.account-config__item-title{color:#d4e0ed;font-size:12px;font-weight:600}.media-config{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px;background:#121921;font-family:Rubik,sans-serif;font-feature-settings:"rlig" 1,"calt" 1}.media-config__empty{padding:20px;color:#94a3b8;font-size:13px;text-align:center;font-style:italic}.media-config__section{margin-bottom:24px}.media-config__section:last-child{margin-bottom:0}.media-config__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.media-config__section-title{color:#d4e0ed;font-size:14px;font-weight:600;margin:0 0 12px}.media-config__section-header .media-config__section-title{margin:0}.media-config__field{margin-bottom:12px}.media-config__field:last-child{margin-bottom:0}.media-config__label{display:block;color:#94a3b8;font-size:12px;font-weight:500;margin-bottom:6px}.media-config__input{width:100%;height:40px;padding:8px 12px;background:#4b4f53;border:1px solid hsl(212 24% 19%);border-radius:6px;color:#d4e0ed;font-size:13px;font-family:inherit;transition:border-color .3s ease-in-out}.media-config__input::placeholder{color:#94a3b8}.media-config__input:focus{outline:1px solid hsl(39,93%,59%);outline-offset:0;border-color:#f8b435;box-shadow:none}.media-config__button{height:36px;padding:6px 12px;background:#f8b435;border:none;border-radius:6px;color:#000;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease-in-out}.media-config__button:hover{background:#f7a918}.media-config__button:active{background:#ec9d09}.media-config__button--small{height:32px;padding:4px 8px;font-size:12px}.media-config__button--danger{background:#f15746;border:none;color:#f8fafc}.media-config__button--danger:hover{background:#ef3d2a}.media-config__button--danger:active{background:#ed2812}.media-config__item{padding:12px;margin-bottom:12px;background:#4b4f53;border:1px solid hsl(212 24% 19%);border-radius:8px}.media-config__item:last-child{margin-bottom:0}.media-config__item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid hsl(212 24% 19%)}.media-config__item-title{color:#d4e0ed;font-size:12px;font-weight:600}.right-sidebar{display:flex;flex-direction:row;width:400px}.right-sidebar__nav{display:flex;flex-direction:column;width:64px;padding:16px 8px;gap:4px;background:#0f141a;border-right:1px solid hsl(212 24% 19%);align-items:center}.right-sidebar__nav-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:transparent;border:1px solid rgba(255,255,255,.05);border-radius:8px;color:#fff6;font-size:20px;font-family:Rubik,sans-serif;font-weight:400;cursor:pointer;transition:all .3s ease-in-out}.right-sidebar__nav-button:hover{border-color:#ffffff26;color:#fff9}.right-sidebar__nav-button--active{border-color:#f8b435;color:#f8b435}.right-sidebar__nav-icon{display:block}.right-sidebar__container{display:flex;flex-direction:column;flex:1;overflow:hidden;background:#121921;font-family:Rubik,sans-serif;font-feature-settings:"rlig" 1,"calt" 1}.right-sidebar__header{display:flex;align-items:center;height:48px;padding:0 16px;border-bottom:1px solid hsl(212 24% 19%);background:#121921;flex-shrink:0}.right-sidebar__header-title{color:#d4e0ed;font-size:14px;font-weight:600}.right-sidebar__content{flex:1;overflow:hidden;display:flex;flex-direction:column;background:#121921}.scaling-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:0}.scaling-container__inner{display:flex;flex-direction:column}
|