From 7bc4ae89b109ad47a2cc3a9e4513a87b3490b8e2 Mon Sep 17 00:00:00 2001
From: jgerstbe <jannikanni.jg@gmail.com>
Date: Fri, 17 Jul 2020 11:23:57 +0200
Subject: [PATCH] [A] css.gg svg-icons

---
 public/index.css  | 6 +++---
 public/index.html | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/public/index.css b/public/index.css
index 3402236..51448da 100644
--- a/public/index.css
+++ b/public/index.css
@@ -20,15 +20,15 @@
   #app .floatBtn {
     display: block;
     width: 40px;
-    height: 30px;
-    border-radius: 100%;
+    height: 32px;
+    border-radius: 50%;
     background-color: rgba(0,0,0,.3);
     color: white;
     z-index: 10;
     position: absolute;
     top: 50vh;
     text-align: center;
-     padding-top: 10px;
+    padding-top: 8px;
   }
   
   #app .floatBtn.left {
diff --git a/public/index.html b/public/index.html
index 64b4dfc..7f57c7f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -11,14 +11,14 @@
     <div id="app">
         <div v-if="files && files.length > 0">
             <div class="floatBtn left" v-on:click="prev()">
-                -
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12C4 11.4477 4.44772 11 5 11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H5C4.44772 13 4 12.5523 4 12Z" fill="currentColor"/></svg>
             </div>
             <div class="floatBtn right" v-on:click="next()">
-                +
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 4C11.4477 4 11 4.44772 11 5V11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H11V19C11 19.5523 11.4477 20 12 20C12.5523 20 13 19.5523 13 19V13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11H13V5C13 4.44772 12.5523 4 12 4Z" fill="currentColor"/></svg>
             </div>
             <div class="floatBtn bottom" v-on:click="toggleCarousel()">
-                <span v-if="!carouselActive">Play</span>
-                <span v-if="carouselActive">Pause</span>
+                <svg v-if="!carouselActive" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15 12.3301L9 16.6603L9 8L15 12.3301Z" fill="currentColor"/></svg>
+                <svg v-if="carouselActive" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11 7H8V17H11V7Z" fill="currentColor"/> <path d="M13 17H16V7H13V17Z" fill="currentColor"/></svg>
             </div>
             <img v-if="files[index].mime.includes('image')" v-bind:src="'/files/'+files[index].basename" alt="">
             <video v-if="files[index].mime.includes('video')" autoplay muted loop>