flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix Photos filters bar

Browse Source
This commit is contained in:
Félix Péault
2022-09-20 10:39:07 +02:00
parent 5299995b45
commit 504bb4c41b
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/style/pages/_photos.scss
View File

@@ -258,19 +258,20 @@
// Bar // Bar
&__bar { &__bar {
position: relative; position: relative;
display: flex; display: inline-flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
min-height: 64px; min-height: 64px;
margin-top: 20px; margin-top: 20px;
padding: 0 12px; padding: 0 12px;
background: $color-primary-darker; background: $color-primary-darker;
border-radius: 50vh; border-radius: 100vh;
@include bp (mob-lg) { @include bp (mob-lg) {
padding: 0 16px; padding: 0 16px;
} }
@include bp (sm) { @include bp (sm) {
display: flex;
height: 72px; height: 72px;
margin-top: 0; margin-top: 0;
padding: 28px 32px; padding: 28px 32px;
@@ -354,9 +355,12 @@
&__label { &__label {
display: block; display: block;
color: rgba($color-tertiary, 0.7); color: rgba($color-tertiary, 0.7);
position: absolute;
top: -32px;
left: 50%;
transform: translateX(-50%);
@include bp (sm) { @include bp (sm) {
position: absolute;
left: 32px; left: 32px;
top: 52%; top: 52%;
transform: translateY(-50%); transform: translateY(-50%);