speatzle/nfsense
1
0
Fork 0
mirror of https://github.com/speatzle/nfsense.git synced 2025-05-11 02:48:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

testing stuff

Browse source
This commit is contained in:
Samuel Lorch 2023-03-26 19:04:29 +02:00
parent 3882050cb7
commit 4e2366e0c7
4 changed files with 24 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
client/src/global-styles/colors.css
View file

@ -119,3 +119,6 @@
background-color: var(--cl-bg);
color: var(--cl-fg);
}
.cl-p-3 { background-color: var(--cl-0-1); }
.cl-s-3 { background-color: var(--cl-1-1);}

7
client/src/global-styles/components.css
View file

@ -60,7 +60,7 @@ th svg {
button, .button {
background-color: var(--cl-bg-el);
}
.button:hover, button:hover {
.button:hover, button:hover, svg:hover {
background-color: var(--cl-bg-hl);
}
@ -81,3 +81,8 @@ tbody tr:hover, th:hover {
.nav-body > button, .button {
background-color: var(--cl-bg);
}
.nav-body > * > button, .nav-body > * > button > svg {
background-color: var(--cl-bg);
}

2
client/src/pages/firewall/Rules.vue
View file

@ -33,6 +33,6 @@ onMounted(async() => {
<PageHeader title="Forward Rules">
<button @click="loadRules">Load Rules</button>
</PageHeader>
<NiceTable :columns="columns" v-model:data="rules"/>
<NiceTable class="cl-p-3" :columns="columns" v-model:data="rules"/>
</div>
</template>

28
client/src/pages/index.vue
View file

@ -36,7 +36,7 @@ fieldset[disabled] .multiselect {
top: 1px;
width: 48px;
height: 35px;
background: #fff;
background: var(--cl-bg-el);
display: block
}
@ -139,7 +139,7 @@ fieldset[disabled] .multiselect {
line-height: 20px;
border: none;
border-radius: 5px;
background: #fff;
background: var(--cl-bg-el);
padding: 0 0 0 5px;
width: 100%;
transition: border .1s ease;
@ -187,7 +187,7 @@ fieldset[disabled] .multiselect {
padding: 8px 40px 0 8px;
border-radius: 5px;
border: 1px solid #e8e8e8;
background: #fff;
background: var(--cl-bg-el);
font-size: 14px
}
@ -197,9 +197,9 @@ fieldset[disabled] .multiselect {
padding: 4px 26px 4px 10px;
border-radius: 5px;
margin-right: 10px;
color: #fff;
color: var(--cl-fg);
line-height: 1;
background: #41b883;
background: var(--cl-bg);
margin-bottom: 5px;
white-space: nowrap;
overflow: hidden;
@ -236,7 +236,7 @@ fieldset[disabled] .multiselect {
.multiselect__tag-icon:focus:after,
.multiselect__tag-icon:hover:after {
color: #fff
color: var(--cl-bg-el);
}
.multiselect__current {
@ -295,7 +295,7 @@ fieldset[disabled] .multiselect {
.multiselect__content-wrapper {
position: absolute;
display: block;
background: #fff;
background: var(--cl-bg-el);
width: 100%;
max-height: 240px;
overflow: auto;
@ -360,13 +360,13 @@ fieldset[disabled] .multiselect {
.multiselect__option--highlight {
background: #41b883;
outline: none;
color: #fff
color: var(--cl-bg-el);
}
.multiselect__option--highlight:after {
content: attr(data-select);
background: #41b883;
color: #fff
color: var(--cl-bg-el);
}
.multiselect__option--selected {
@ -382,13 +382,13 @@ fieldset[disabled] .multiselect {
.multiselect__option--selected.multiselect__option--highlight {
background: #ff6a6a;
color: #fff
color: var(--cl-bg-el);
}
.multiselect__option--selected.multiselect__option--highlight:after {
background: #ff6a6a;
content: attr(data-deselect);
color: #fff
color: var(--cl-bg-el);
}
.multiselect--disabled .multiselect__current,
@ -411,7 +411,7 @@ fieldset[disabled] .multiselect {
.multiselect__option--group.multiselect__option--highlight {
background: #35495e;
color: #fff
color: var(--cl-bg-el);
}
.multiselect__option--group.multiselect__option--highlight:after {
@ -424,13 +424,13 @@ fieldset[disabled] .multiselect {
.multiselect__option--group-selected.multiselect__option--highlight {
background: #ff6a6a;
color: #fff
color: var(--cl-bg-el);
}
.multiselect__option--group-selected.multiselect__option--highlight:after {
background: #ff6a6a;
content: attr(data-deselect);
color: #fff
color: var(--cl-bg-el);
}
.multiselect-enter-active,