Compare commits
3 commits
ae4b7b6de0
...
36b33124bc
Author | SHA1 | Date | |
---|---|---|---|
36b33124bc | |||
0d90e0da20 | |||
62a3bcd8ee |
4 changed files with 10 additions and 4 deletions
|
@ -105,7 +105,7 @@ function switchTheme(e) {
|
||||||
document.addEventListener('DOMContentLoaded', () => {
|
document.addEventListener('DOMContentLoaded', () => {
|
||||||
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
|
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
|
||||||
if ($navbarBurgers.length > 0) {
|
if ($navbarBurgers.length > 0) {
|
||||||
$navbarBurgers.forEach( el => {
|
$navbarBurgers.forEach( el => {
|
||||||
el.addEventListener('click', () => {
|
el.addEventListener('click', () => {
|
||||||
const target = el.dataset.target;
|
const target = el.dataset.target;
|
||||||
const $target = document.getElementById(target);
|
const $target = document.getElementById(target);
|
||||||
|
|
|
@ -46,4 +46,4 @@
|
||||||
@import './ajouter-un-album';
|
@import './ajouter-un-album';
|
||||||
@import './collection';
|
@import './collection';
|
||||||
@import './ma-collection-details';
|
@import './ma-collection-details';
|
||||||
@import './composants';
|
@import './composants';
|
||||||
|
|
|
@ -23,6 +23,12 @@
|
||||||
background-color: var(--default-color);
|
background-color: var(--default-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:nth-child(4n),
|
||||||
|
&:nth-child(4n-1)
|
||||||
|
{
|
||||||
|
background-color: var(--default-color);
|
||||||
|
}
|
||||||
|
|
||||||
&:first-child,
|
&:first-child,
|
||||||
&:nth-child(2) {
|
&:nth-child(2) {
|
||||||
border-top: 2px solid var(--border-color);
|
border-top: 2px solid var(--border-color);
|
||||||
|
|
|
@ -170,7 +170,7 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.setTrackList();
|
this.setTrackList();
|
||||||
this.setIdentifiers();
|
this.setIdentifiers();
|
||||||
|
|
||||||
window.addEventListener("keydown", this.changeImage);
|
window.addEventListener("keydown", this.changeImage);
|
||||||
|
@ -231,7 +231,7 @@
|
||||||
},
|
},
|
||||||
showGallery(event) {
|
showGallery(event) {
|
||||||
const item = event.target.tagName === 'IMG' ? event.target.parentElement : event.target;
|
const item = event.target.tagName === 'IMG' ? event.target.parentElement : event.target;
|
||||||
|
|
||||||
const {
|
const {
|
||||||
index,
|
index,
|
||||||
} = item.dataset;
|
} = item.dataset;
|
||||||
|
|
Loading…
Reference in a new issue