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

UI: Style ConnectionStatus indicator

Browse Source
This commit is contained in:
Pablo Vazquez 2022-07-05 19:27:59 +02:00
parent 8c71563a4e
commit 337948d02a
1 changed files with 7 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -10,19 +10,14 @@ const sockStatus = useSocketStatus();
<style scoped> <style scoped>
.socket-status { .socket-status {
font-size: 1rem;
min-width: 1.2em;
padding: 0.1em 1em;
border-radius: 0.5em;
text-align: center;
margin: 0 0.5em;
color: var(--color-connection-lost-text);
background-color: var(--color-connection-lost-bg); background-color: var(--color-connection-lost-bg);
box-shadow: 0 0 1em var(--color-connection-lost-bg); border-radius: 999em;
border: solid thin var(--color-connection-lost-text); box-shadow: 0 0 1.33em var(--color-connection-lost-bg);
color: var(--color-connection-lost-text);
cursor: help; cursor: help;
font-size: var(--font-size-sm);
font-weight: bold;
padding: var(--spacer-xs) var(--spacer);
text-align: center;
} }
</style> </style>