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

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 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>