EXPORT CONFIG ! fin du centre de ressource
This commit is contained in:
@@ -129,27 +129,4 @@ watch(selectedType, async () => {
|
||||
opacity: 1;
|
||||
transform: translateY(0px);
|
||||
}
|
||||
|
||||
.filters {
|
||||
margin: 3rem 0;
|
||||
margin-top: 5rem;
|
||||
> .search-bar{
|
||||
margin-right: 2rem;
|
||||
border: solid 1px var(--couleur);
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 1rem;
|
||||
font-family: 'Marianne', sans-serif;
|
||||
}
|
||||
> select {
|
||||
appearance: none;
|
||||
border: solid 1px var(--couleur);
|
||||
padding: 0.5rem 1rem;
|
||||
font-family: 'Marianne', sans-serif;
|
||||
border-radius: 1rem;
|
||||
background-color: white;
|
||||
background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='rgba(128, 200, 191)' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
|
||||
background-position: calc(100% - 1rem) center !important;
|
||||
padding-right: 2.5rem !important;
|
||||
}
|
||||
}
|
||||
</style>
|
@@ -14,7 +14,7 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { onMounted, defineExpose } from 'vue';
|
||||
import { onMounted } from 'vue';
|
||||
import router from '../../router/router';
|
||||
import { handleClickableElements } from '../../utils/handle-navigation.js';
|
||||
|
||||
@@ -35,7 +35,6 @@ onMounted(() => {
|
||||
|
||||
const setClickableElements = () => {
|
||||
relatedItemCards = document.querySelector(`#ressource-${props.index}`);
|
||||
console.log(relatedItemCards);
|
||||
handleClickableElements([relatedItemCards], store, router, baseUrl, siteName, mapStore);
|
||||
}
|
||||
|
||||
|
@@ -47,42 +47,4 @@ const props = defineProps({
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
.document-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-template-rows: auto auto;
|
||||
column-gap: 2rem;
|
||||
> figure {
|
||||
grid-column: 1 / 2;
|
||||
grid-row: 1 / 3;
|
||||
margin: 0;
|
||||
background-color: var(--couleur);
|
||||
img {
|
||||
padding: 2rem;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: cover;
|
||||
transform: scale(1);
|
||||
transition: transform 0.2s ease-in-out;
|
||||
&:hover {
|
||||
transform: scale(1.02);
|
||||
}
|
||||
}
|
||||
}
|
||||
> .infos {
|
||||
> p {
|
||||
margin: 0;
|
||||
margin-bottom: 0.8rem;
|
||||
&:first-of-type {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
> .download {
|
||||
align-self: end;
|
||||
justify-self: end;
|
||||
}
|
||||
}
|
||||
</style>
|
Reference in New Issue
Block a user