encrypt/gancio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

switch style

Browse Source
This commit is contained in:
les
2020-02-21 17:46:57 +01:00
parent 1a9e932f04
commit 89b0cb8c23
1 changed files with 30 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
components/Search.vue
View File

@@ -1,5 +1,5 @@
<template lang="pug"> <template lang="pug">
el-main el-main#search
el-switch.mt-1.mb-2.ml-2.d-block( el-switch.mt-1.mb-2.ml-2.d-block(
v-if='recurrentFilter && settings.allow_recurrent_event' v-if='recurrentFilter && settings.allow_recurrent_event'
:active-text="$t('event.show_recurrent')" :active-text="$t('event.show_recurrent')"
@@ -10,7 +10,7 @@
:active-text="$t('event.show_past')" :active-text="$t('event.show_past')"
v-model='showPast') v-model='showPast')
el-autocomplete.mb-1#search.inline-input(:placeholder='$t("common.filter")' prefix-icon='el-icon-search' el-autocomplete.mb-1#searchInput.inline-input(:placeholder='$t("common.filter")' prefix-icon='el-icon-search'
highlight-first-item highlight-first-item
v-model='search' :debounce='200' v-model='search' :debounce='200'
:fetch-suggestions='querySearch' clearable :fetch-suggestions='querySearch' clearable
@@ -91,27 +91,35 @@ export default {
</script> </script>
<style lang='less'> <style lang='less'>
#search { #search {
border: none; #searchInput {
border-radius: 0px; border: none;
border-bottom: 2px solid lightgray; border-radius: 0px;
color: white; border-bottom: 2px solid lightgray;
background-color: #111; color: white;
background-color: #111;
}
.el-switch__label {
color: #aaa;
}
.el-switch__label.is-active {
color: lightgreen;
}
.el-switch__core {
background-color: #555;
border-color: #777;
}
.is-checked .el-switch__core {
background-color: lightgreen;
}
#filters {
line-height: 2rem;
}
} }
#filters {
line-height: 2rem;
}
.el-switch__label {
color: #aaa;
}
.el-switch__label.is-active {
color: lightgreen;
}
.el-switch__core {
background-color: #555;
border-color: #777;
}
</style> </style>