maxence.lanone
/
JTT_CrM_test_ci
forked from CRM_Production/JTT_CrM
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

correction bug page repertoire

Browse Source
master
Clément VERDOIRE 3 years ago
parent 1dfe194727
commit 400c939e48
1 changed files with 83 additions and 80 deletions
Show Stats Download Patch File Download Diff File

163
src/styles/components/_repertoire.scss
Unescape View File

@ -93,14 +93,14 @@ body {
.nav_bar_verticale { .nav_bar_verticale {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-evenly; justify-content: space-around;
align-items: center; align-items: center;
width: 5%; width: 5%;
margin: 5px 5px 10px 10px; margin: 5px 5px 10px 10px;
background: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.3);
border-radius: 15px; border-radius: 15px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.25);
backdrop-filter: blur(3px); backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);
@ -156,106 +156,109 @@ body {
} }
} }
} }
}
.contenu {
width: 94.3%;
height: auto;
margin: 5px 10px 10px 5px;
.contenu { .searchAndAddButton {
height: 100px;
display: flex;
flex-direction: row;
align-items: center;
width: 100%; width: 100%;
justify-content: space-between;
.searchAndAddButton { .boutonAddContact {
height: 100px;
display: flex; display: flex;
flex-direction: row; justify-content: center;
align-items: center; align-items: center;
height: 40px;
min-width: 150px;
margin: 30px 30px;
border-radius: 25px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
}
.input_box {
display: flex;
justify-content: center;
align-items: center;
position: relative;
height: 40px;
max-width: 350px;
width: 100%; width: 100%;
justify-content: space-between; margin: 30px 30px;
border-radius: 25px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
.boutonAddContact { input {
display: flex; position: relative;
justify-content: center; width: 100%;
align-items: center; height: 100%;
height: 40px; padding: 0 15px 0 65px;
min-width: 150px; outline: none;
margin: 30px 30px; border: none;
border-radius: 25px; border-radius: 25px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); font-size: 16px;
font-weight: 400;
color: #333;
} }
.input_box { .search {
display: flex; display: flex;
justify-content: center;
align-items: center; align-items: center;
position: relative; justify-content: center;
height: 40px; position: absolute;
max-width: 350px; left: 0;
width: 100%; top: 0;
margin: 30px 30px; height: 100%;
border-radius: 25px; width: 60px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); border-radius: 25px 0 0 25px;
input {
position: relative;
width: 100%;
height: 100%;
padding: 0 15px 0 65px;
outline: none;
border: none;
border-radius: 25px;
font-size: 16px;
font-weight: 400;
color: #333;
}
.search { .search-icon {
display: flex; font-size: 30px;
align-items: center; color: black;
justify-content: center;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 60px;
border-radius: 25px 0 0 25px;
.search-icon {
font-size: 30px;
color: black;
}
} }
} }
} }
.tabListContact { }
margin-bottom: 20px;
padding-right: 10px;
height: 82%;
scroll-behavior: smooth;
overflow-y: scroll;
&::-webkit-scrollbar { .tabListContact {
width: 15px; margin-bottom: 20px;
} padding-right: 10px;
height: 82%;
scroll-behavior: smooth;
overflow-y: scroll;
&::-webkit-scrollbar-track { &::-webkit-scrollbar {
background: #f1f1f1; width: 15px;
} }
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-track {
background: #888; background: #f1f1f1;
border-radius: 10px; }
}
&::-webkit-scrollbar-thumb:hover { &::-webkit-scrollbar-thumb {
background: #555; background: #888;
} border-radius: 10px;
.photoContact{ }
width: 50px;
height: 50px; &::-webkit-scrollbar-thumb:hover {
border-radius: 50%; background: #555;
object-fit: cover; }
border: 1px solid black;
} .photoContact {
width: 50px;
height: 50px;
border-radius: 50%;
object-fit: cover;
border: 1px solid black;
} }
} }
} }
} }
} }

Write Preview
Loading…
Cancel
Save