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

More spacing and nicer dark mode colours

Browse source
This commit is contained in:
jaknapper 2024-10-03 14:01:41 +01:00
parent d4247235e3
commit 4fa2813e6a
4 changed files with 19 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -340,6 +340,7 @@ a:hover {
.uk-button { .uk-button {
border-radius: @button-border-radius; border-radius: @button-border-radius;
padding: 0 8px; padding: 0 8px;
border-color: @global-border;
} }
.uk-button-default { .uk-button-default {
@ -351,6 +352,7 @@ a:hover {
background-color: rgba(180, 180, 180, 0.10); background-color: rgba(180, 180, 180, 0.10);
border-color: @global-primary-background; border-color: @global-primary-background;
color: @button-text-color; color: @button-text-color;
margin-bottom: 2px;
} }
.uk-button-danger { .uk-button-danger {
@ -360,6 +362,17 @@ a:hover {
} }
.hook-inverse() { .hook-inverse() {
.uk-button {
background-color: rgba(180, 180, 180, 0.15);
color: @inverse-primary-muted-color;
border-color: @inverse-primary-muted-color;
}
.uk-button:hover {
background-color: @inverse-primary-muted-color;
color: #fff;
border-color: #fff;
}
.uk-button-primary { .uk-button-primary {
background-color: rgba(180, 180, 180, 0.15); background-color: rgba(180, 180, 180, 0.15);
color: @inverse-primary-muted-color; color: @inverse-primary-muted-color;
@ -369,6 +382,7 @@ a:hover {
.uk-button-primary:hover { .uk-button-primary:hover {
background-color: @inverse-primary-muted-color; background-color: @inverse-primary-muted-color;
color: #fff; color: #fff;
border-color: #fff;
} }
} }

2
webapp/src/components/labThingsComponents/actionButton.vue
View file

@ -19,7 +19,7 @@
<button <button
type="button" type="button"
:hidden="taskStarted" :hidden="taskStarted"
class="uk-button uk-margin-remove uk-width-1-1" class="uk-button uk-width-1-1"
:class="[buttonPrimary ? 'uk-button-primary' : 'uk-button-default']" :class="[buttonPrimary ? 'uk-button-primary' : 'uk-button-default']"
@click="bootstrapTask()" @click="bootstrapTask()"
> >

4
webapp/src/components/tabContentComponents/scanListContent.vue
View file

@ -14,6 +14,7 @@
<div> <div>
<button <button
class="uk-button uk-button-default uk-width-1-1" class="uk-button uk-button-default uk-width-1-1"
style="margin-top:5px;margin-bottom: 2px"
type="button" type="button"
@click="deleteAllScans()" @click="deleteAllScans()"
> >
@ -23,6 +24,7 @@
<div> <div>
<button <button
class="uk-button uk-button-default uk-width-1-1" class="uk-button uk-button-default uk-width-1-1"
style="margin-top:5px;margin-bottom: 2px"
type="button" type="button"
@click="updateScans()" @click="updateScans()"
> >
@ -55,7 +57,7 @@
@response="downloadZipFile" @response="downloadZipFile"
@error="modalError" @error="modalError"
/> />
<button class="uk-button" @click="deleteScan(item.name)"> <button class="uk-button uk-button-default uk-width-1-1" @click="deleteScan(item.name)">
Delete Delete
</button> </button>
<action-button <action-button

2
webapp/src/components/tabContentComponents/slideScanContent.vue
View file

@ -5,7 +5,7 @@
<!-- Grid managing tab content --> <!-- Grid managing tab content -->
<div v-else uk-grid class="uk-height-1-1 uk-margin-remove uk-padding-remove"> <div v-else uk-grid class="uk-height-1-1 uk-margin-remove uk-padding-remove">
<div class="control-component uk-padding-small"> <div class="control-component uk-padding-small">
<div v-show="!scanning"> <div v-show="!scanning" class="uk-padding-small">
<ul uk-accordion="multiple: true"> <ul uk-accordion="multiple: true">
<li> <li>
<a class="uk-accordion-title" href="#">Configure</a> <a class="uk-accordion-title" href="#">Configure</a>