diff --git a/public/app.js b/public/app.js index 7ac1e7f..a9e639d 100644 --- a/public/app.js +++ b/public/app.js @@ -75,6 +75,7 @@ new Vue({ this.carouselActive = true; clearInterval(this.interval); this.interval = setInterval(this.next, time); + localStorage.setItem('wf-carouselTimeout', time); }, stopCarousel: function () { this.carouselActive = false; @@ -160,5 +161,9 @@ new Vue({ this.controlsTimeout = setTimeout(() => this.toggleControls(), 2500); }, 0); }); + if (Number(localStorage.getItem('wf-carouselTimeout'))) { + this.carouselTimeout = Number(localStorage.getItem('wf-carouselTimeout')); + this.startCarousel(); + } } }) \ No newline at end of file diff --git a/public/index.css b/public/index.css index e9980b9..d147a23 100644 --- a/public/index.css +++ b/public/index.css @@ -149,6 +149,8 @@ body { #app .fullScreenMenu .container ul { list-style-type: none; width: 80%; + margin: 0 auto; + padding: 0; } #app .fullScreenMenu .container li { @@ -164,3 +166,17 @@ body { width: auto; margin: 0; } + +#app .fullScreenMenu .container p.pRow { + display: flex; + justify-content: space-between; + align-items: center; + margin: 10px auto; + width: 80%; +} + +#app input { + padding: 4px; + border-radius: 10px; + border: 1px solid lightgrey; +} diff --git a/public/index.html b/public/index.html index a6b3889..b5cdee7 100644 --- a/public/index.html +++ b/public/index.html @@ -56,6 +56,25 @@ +

Settings

+

+ + + + + + + + + + +

+

+ Imagelist + + + +