blender/flamenco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: Update style of connection status

Browse Source
This commit is contained in:
Pablo Vazquez 2022-07-06 19:29:19 +02:00
parent 0478883bb8
commit 4f4af4029a
2 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/app/src/assets/base.css
View File

@ -69,8 +69,8 @@
--color-worker-status-testing: hsl(166 100% 46%); --color-worker-status-testing: hsl(166 100% 46%);
--color-worker-status-offline: var(--color-status-canceled); --color-worker-status-offline: var(--color-status-canceled);
--color-connection-lost-text: hsl(0, 60%, 75%); --color-connection-lost-text: hsl(0, 90%, 60%);
--color-connection-lost-bg: hsl(0, 80%, 40%); --color-connection-lost-bg: hsl(0, 50%, 20%);
} }
html, html,

6
web/app/src/components/ConnectionStatus.vue
View File

@ -11,13 +11,11 @@ const sockStatus = useSocketStatus();
<style scoped> <style scoped>
.socket-status { .socket-status {
background-color: var(--color-connection-lost-bg); background-color: var(--color-connection-lost-bg);
border-radius: 999em; border-radius: var(--border-radius);
box-shadow: 0 0 1.33em var(--color-connection-lost-bg);
color: var(--color-connection-lost-text); color: var(--color-connection-lost-text);
cursor: help; cursor: help;
font-size: var(--font-size-sm); font-size: var(--font-size-sm);
font-weight: bold; padding: 2px var(--spacer-sm);
padding: var(--spacer-xs) var(--spacer);
text-align: center; text-align: center;
} }
</style> </style>