rahix/openflexure-microscope-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Success and warning alerts in webapp

Browse source
This commit is contained in:
Joe Knapper 2024-01-10 18:29:43 +00:00
parent 6d622c1bf8
commit ddfce7dcff
2 changed files with 8 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

5
webapp/src/assets/less/theme.less
View file

@ -281,6 +281,11 @@ h4, .uk-h4 {
border: 1px solid @global-border border: 1px solid @global-border
} }
.uk-alert-success{
color: rgba(28, 131, 45);
background-color: rgba(130, 221, 145, 0.671);
}
.uk-alert-danger { .uk-alert-danger {
border: 1px solid @notification-message-danger-color border: 1px solid @notification-message-danger-color
} }

6
webapp/src/components/genericComponents/taskSubmitter.vue
View file

@ -66,10 +66,10 @@
The task failed due to an error. There may be more information in The task failed due to an error. There may be more information in
the log. the log.
</div> </div>
<div v-if="taskStatus == 'cancelled'" class="uk-alert-primary"> <div v-if="taskStatus == 'cancelled'" class="uk-alert-warning">
The task was cancelled. The task was cancelled.
</div> </div>
<div v-if="taskStatus == 'completed'" class="uk-alert-primary"> <div v-if="taskStatus == 'completed'" class="uk-alert-success">
The task completed successfully. The task completed successfully.
</div> </div>
</div> </div>
@ -364,7 +364,7 @@ export default {
#log-container { #log-container {
position: relative; position: relative;
height: 6em; height: 6em;
overflow-y: scroll; overflow-y: auto;
overflow-x: auto; overflow-x: auto;
} }