Исправила отступы в стилях
This commit is contained in:
@@ -6,7 +6,7 @@
|
|||||||
div.inputs-wrapper
|
div.inputs-wrapper
|
||||||
img.search-icon(src="../../assets/icons/search.svg" alt="Search")
|
img.search-icon(src="../../assets/icons/search.svg" alt="Search")
|
||||||
select.inputs.select(v-model="selectedFilter")
|
select.inputs.select(v-model="selectedFilter")
|
||||||
option(v-for="filter in filters" :value="filter") {{ filter }}
|
option(v-for="filter in filters" :key="filter" :value="filter") {{ filter }}
|
||||||
span.separator
|
span.separator
|
||||||
input.inputs.search-input(placeholder="Искать ...")
|
input.inputs.search-input(placeholder="Искать ...")
|
||||||
button.flex.center.btn-notification
|
button.flex.center.btn-notification
|
||||||
@@ -31,8 +31,20 @@ export default {
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="sass">
|
<style lang='sass'>
|
||||||
@import "../../assets/sass/variables.sass"
|
@import '../../assets/sass/variables.sass'
|
||||||
|
|
||||||
|
input
|
||||||
|
padding: 0
|
||||||
|
|
||||||
|
button
|
||||||
|
outline: none
|
||||||
|
border: none
|
||||||
|
background-color: transparent
|
||||||
|
cursor: pointer
|
||||||
|
padding: 0
|
||||||
|
color: $font-dark-blue-color
|
||||||
|
|
||||||
.header-wrapper
|
.header-wrapper
|
||||||
width: 100%
|
width: 100%
|
||||||
padding: 8px 24px
|
padding: 8px 24px
|
||||||
@@ -74,18 +86,7 @@ export default {
|
|||||||
height: 24px
|
height: 24px
|
||||||
width: 24px
|
width: 24px
|
||||||
color: $btn-blue-color
|
color: $btn-blue-color
|
||||||
opacity: .7
|
opacity: 0.7
|
||||||
|
|
||||||
input
|
|
||||||
padding: 0
|
|
||||||
|
|
||||||
button
|
|
||||||
outline: none
|
|
||||||
border: none
|
|
||||||
background-color: transparent
|
|
||||||
cursor: pointer
|
|
||||||
padding: 0
|
|
||||||
color: $font-dark-blue-color
|
|
||||||
|
|
||||||
.btn-notification
|
.btn-notification
|
||||||
margin-right: 32px
|
margin-right: 32px
|
||||||
@@ -112,18 +113,18 @@ button
|
|||||||
font-size: 16px
|
font-size: 16px
|
||||||
line-height: 19px
|
line-height: 19px
|
||||||
font-feature-settings: 'pnum' on, 'lnum' on
|
font-feature-settings: 'pnum' on, 'lnum' on
|
||||||
|
display: inline-block
|
||||||
|
vertical-align: middle
|
||||||
&::placeholder
|
&::placeholder
|
||||||
color: $btn-blue-color
|
color: $btn-blue-color
|
||||||
opacity: .5
|
opacity: 0.5
|
||||||
|
|
||||||
.select
|
.select
|
||||||
-webkit-appearance: none
|
-webkit-appearance: none
|
||||||
-moz-appearance: none
|
-moz-appearance: none
|
||||||
-ms-appearance: none
|
-ms-appearance: none
|
||||||
appearance: none
|
appearance: none
|
||||||
display: inline-block
|
background: url(../../assets/icons/down-arrow-1.svg) no-repeat right top 4px
|
||||||
vertical-align: middle
|
|
||||||
background: url( "../../assets/icons/down-arrow-1.svg") no-repeat right top 4px
|
|
||||||
overflow: hidden
|
overflow: hidden
|
||||||
margin-right: 16px
|
margin-right: 16px
|
||||||
padding: 2px 20px 2px 30px
|
padding: 2px 20px 2px 30px
|
||||||
@@ -137,15 +138,13 @@ button
|
|||||||
vertical-align: middle
|
vertical-align: middle
|
||||||
height: 254px
|
height: 254px
|
||||||
border-left: 1px solid $btn-blue-color
|
border-left: 1px solid $btn-blue-color
|
||||||
opacity: .5
|
opacity: 0.5
|
||||||
border-radius: 4px
|
border-radius: 4px
|
||||||
height: 100%
|
height: 100%
|
||||||
|
|
||||||
.avatar-wrapper
|
|
||||||
|
|
||||||
|
|
||||||
.avatar-img
|
.avatar-img
|
||||||
width: 32px
|
width: 32px
|
||||||
height: 32px
|
height: 32px
|
||||||
margin-right: 8px
|
margin-right: 8px
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user