Antoine/Metiers_du_patrimoine_theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refining sidebar & no-content

Browse Source
This commit is contained in:
Antoine M 2024-12-02 12:31:15 +01:00
parent 142d4fc197
commit d094d52647
1 changed files with 40 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
resources/css/pages/repertoire-metiers.css
View File

@ -1,19 +1,31 @@
.artisans-posts { .artisans-posts {
@apply flex gap-4 pt-8; @apply md:flex gap-4 pt-8;
&__grid { &__grid {
@apply flex flex-col lg:grid grid-cols-1 lg:grid-cols-2 gap-6 w-full h-fit; @apply flex flex-col lg:grid grid-cols-1 lg:grid-cols-2 gap-6 w-full h-fit;
.no-results {
@apply col-span-2 text-center pt-4;
h3 {
@apply text-patrimoine-sante-securite;
}
p {
@apply text-neutral-900 tracking-wide;
}
}
} }
.card-artisans { .card-artisans {
/* @apply h-fit; */ /* @apply h-fit; */
} }
} }
/* .sidebar-container {
@apply pb-12;
} */
.metier-patrimoine-searchbar { .metier-patrimoine-searchbar {
@apply w-80 lg:w-80 shrink-0; @apply w-80 lg:w-80 shrink-0 h-fit sticky top-0;
h4 { h4 {
@apply my-0; @apply my-0;
} }
.checkbox-choice { .checkbox-choice {
@apply pl-0 pt-1; @apply pl-0 pt-1;
@apply flex flex-wrap; @apply flex flex-wrap;
@ -76,7 +88,7 @@
@apply block text-neutral-400 uppercase !text-base tracking-wider mb-4; @apply block text-neutral-400 uppercase !text-base tracking-wider mb-4;
} }
.search-radio-card { .search-radio-card {
@apply bg-white rounded-lg p-4 shadowed flex justify-between; @apply bg-white rounded-lg p-4 shadowed flex justify-between cursor-pointer;
label { label {
@apply font-bold; @apply font-bold;
} }
@ -130,6 +142,10 @@
@apply block; @apply block;
/* @apply opacity-40; */ /* @apply opacity-40; */
} }
.search-radio-card--metiers {
@apply opacity-60;
}
} }
/* HIDE ELEMENTS BATIMENTS FILTERS WHEN SEARCH IS ON METIERS */ /* HIDE ELEMENTS BATIMENTS FILTERS WHEN SEARCH IS ON METIERS */
@ -142,5 +158,24 @@
@apply block; @apply block;
/* @apply opacity-40; */ /* @apply opacity-40; */
} }
.search-radio-card--building-elements {
@apply opacity-60;
}
}
.card-suggest-artisan {
@apply p-3 w-fit gap-3 bg-white shadowed
font-bold rounded-2xl flex items-center justify-center my-5;
transition: transform 0.3s;
&:after {
@apply content-[''] w-3 h-3 block bg-no-repeat bg-center bg-contain mt-1 mr-3;
background-image: url('../resources/img/pictogrammes/Homegrade_back_icon.svg');
rotate: 180deg;
}
&:hover {
@apply translate-x-2;
}
} }
} }