webinno/monitolite
1
1
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Fixing styles

Browse source
This commit is contained in:
Axel 2021-12-20 14:28:35 +01:00
parent fb1f63d4bc
commit bece9b724e
5 changed files with 20 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
public/css/app.css
View file

@ -144,10 +144,9 @@ html body .highlight {
padding: 0px 1rem;
display: inline-block;
color: #FFF;
font-size: 1rem;
vertical-align: middle;
border-radius: 0.5rem;
font-size: 0.8rem;
font-size: 1rem;
}
html body .small {
font-size: 0.8rem;
@ -164,6 +163,10 @@ html body .down {
html body .unknown {
background-color: #f5d69e;
}
html body .inactive {
background-color: #dfdfdf !important;
opacity: 0.5;
}
@-webkit-keyframes shake {
10%, 90% {

8
public/js/app.js
View file

File diff suppressed because one or more lines are too long

9
resources/sass/app.scss
View file

@ -7,6 +7,7 @@ $bg_color: #0a9f9a;
$up_color: #8adf8a;
$down_color: #f79292;
$unknown_color: rgb(245, 214, 158);
$inactive_color: #dfdfdf;
* {
padding: 0;
@ -187,10 +188,9 @@ html {
padding: 0px 1rem;
display: inline-block;
color: #FFF;
font-size: 1rem;
vertical-align: middle;
border-radius: .5rem;
font-size: 0.8rem;
font-size: 1rem;
}
.small {
@ -212,6 +212,11 @@ html {
.unknown {
background-color: $unknown_color;
}
.inactive {
background-color: $inactive_color !important;
opacity: 0.5;
}
}
}

2
resources/views/components/quickview.vue
View file

@ -15,7 +15,7 @@
v-for="task in group.tasks"
v-bind:key="task.id"
:href="'#task-'+task.id"
:class="statusText(task.status)"
:class="statusText(task.status)+(task.active == 0 ? ' inactive' : '')"
class="square"
>
<span class="small">{{task.id }}</span>

5
resources/views/components/tasklist.vue
View file

@ -7,7 +7,7 @@
>
<a :name="'group-'+group.id"></a>
<h3>
Tasks for group <span class="highlight">{{ group.name }} <small>(#{{ group.id }})</small></span>
Tasks for <span class="highlight">{{ group.name }} <small>(#{{ group.id }})</small></span>
<!-- <p class="context-menu"><img src="/img/menu.svg" width="40" /></p> -->
</h3>
@ -28,6 +28,7 @@
<tr
v-for="task in group.tasks"
v-bind:key="task.id"
:class="task.active == 0 ? 'inactive' : ''"
>
<td :class="statusText(task.status)">
<img :src="'/img/'+statusText(task.status)+'.svg'" width="16" alt="Status" />
@ -52,7 +53,7 @@
Never
</span>
<td>{{ task.frequency / 60 }}</td>
<td :class="task.active == 1 ? 'up' : 'down'">
<td :class="task.active == 0 ? 'inactive' : ''">
<a
v-on:click.prevent="disableTask(task.id, task.active)"
href="#"