Skip to content
Snippets Groups Projects
Commit bdf9fc44 authored by Bastien DUMONT's avatar Bastien DUMONT :angel:
Browse files

fix(css): adjust annuaire

parent a5d5a41e
No related branches found
No related tags found
1 merge request!462V2.1.2
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
<div (appClickOutside)="closeModal()" class="btn-container"> <div (appClickOutside)="closeModal()" class="btn-container">
<div class="btnSection" fxLayout="row" fxLayoutAlign="space-between center" fxLayoutGap="4px"> <div class="btnSection" fxLayout="row" fxLayoutAlign="space-between center" fxLayoutGap="4px">
<button <button
class="btn-filter isntPhoneContent" class="btn-filter"
type="button" type="button"
fxLayout="row" fxLayout="row"
[ngClass]="{ [ngClass]="{
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
<div class="arrow"></div> <div class="arrow"></div>
</button> </button>
<button <button
class="btn-filter isntPhoneContent" class="btn-filter"
type="button" type="button"
fxLayout="row" fxLayout="row"
[ngClass]="{ [ngClass]="{
......
@import '../../../assets/scss/search'; @import '../../../assets/scss/search';
.content { .block {
.inputSearch { display: flex;
max-width: 400px; flex-direction: column;
width: 100%; gap: 0.5rem;
border: 1px transparent; .content {
transition: all 0.2s; .inputSearch {
&:focus-within { max-width: 400px;
border: 1px solid $grey-3; width: 100%;
border: 1px transparent;
transition: all 0.2s;
&:focus-within {
border: 1px solid $grey-3;
}
}
.btn-container {
@media #{$large-tablet} {
display: none;
}
} }
} }
} }
...@@ -13,6 +13,9 @@ ...@@ -13,6 +13,9 @@
.content { .content {
margin-bottom: 0; margin-bottom: 0;
@media #{$large-tablet} {
justify-content: center;
}
} }
.inputSearch { .inputSearch {
......
...@@ -6,18 +6,17 @@ ...@@ -6,18 +6,17 @@
@import './buttons'; @import './buttons';
.block { .block {
padding: 0.6rem 1rem; padding: 0.5rem 1rem;
border-bottom: solid 1px $grey-6; border-bottom: solid 1px $grey-6;
background: $white; background: $white;
@media #{$large-tablet} { @media #{$large-tablet} {
padding: 0 10px; padding: 0.5 0.5rem;
} }
} }
.content { .content {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 0.5rem; gap: 0.5rem;
gap: 0.25rem;
input { input {
@include lato-regular-13; @include lato-regular-13;
@include input-search; @include input-search;
...@@ -39,7 +38,6 @@ ...@@ -39,7 +38,6 @@
} }
@media #{$large-tablet} { @media #{$large-tablet} {
width: 100%; width: 100%;
margin-bottom: 0.5rem;
margin-right: 0; margin-right: 0;
} }
.container { .container {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment