Исправила отступы в стилях

This commit is contained in:
Daria Golova
2022-10-03 17:55:04 +03:00
parent 548f2f49dc
commit c862a6bf04

View File

@@ -6,7 +6,7 @@
div.inputs-wrapper
img.search-icon(src="../../assets/icons/search.svg" alt="Search")
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
input.inputs.search-input(placeholder="Искать ...")
button.flex.center.btn-notification
@@ -31,8 +31,20 @@ export default {
}
</script>
<style lang="sass">
@import "../../assets/sass/variables.sass"
<style lang='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
width: 100%
padding: 8px 24px
@@ -74,18 +86,7 @@ export default {
height: 24px
width: 24px
color: $btn-blue-color
opacity: .7
input
padding: 0
button
outline: none
border: none
background-color: transparent
cursor: pointer
padding: 0
color: $font-dark-blue-color
opacity: 0.7
.btn-notification
margin-right: 32px
@@ -112,18 +113,18 @@ button
font-size: 16px
line-height: 19px
font-feature-settings: 'pnum' on, 'lnum' on
display: inline-block
vertical-align: middle
&::placeholder
color: $btn-blue-color
opacity: .5
opacity: 0.5
.select
-webkit-appearance: none
-moz-appearance: none
-ms-appearance: none
appearance: none
display: inline-block
vertical-align: middle
background: url( "../../assets/icons/down-arrow-1.svg") no-repeat right top 4px
background: url(../../assets/icons/down-arrow-1.svg) no-repeat right top 4px
overflow: hidden
margin-right: 16px
padding: 2px 20px 2px 30px
@@ -137,15 +138,13 @@ button
vertical-align: middle
height: 254px
border-left: 1px solid $btn-blue-color
opacity: .5
opacity: 0.5
border-radius: 4px
height: 100%
.avatar-wrapper
.avatar-img
width: 32px
height: 32px
margin-right: 8px
</style>