add options to select the size of icons and texts or hide them

src/SideMenu.vue

@@ -28,8 +28,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
             <li v-for="app in apps" v-bind:class="{'side-menu-app': true, 'active': app.active}">
                 <a v-bind:href="app.href">
                      <span class="side-menu-app-icon" v-html="app.icon"></span>
-
-                    {{ app.name }}
+                     <span class="side-menu-app-text" v-html="app.name"></span>
                 </a>
             </li>
         </ul>
@@ -54,10 +53,14 @@ export default {
                 let href = element.getAttribute('href')
 
                 if (href !== '#') {
+					let svg = element.querySelector('svg').outerHTML
+
+					svg = svg.replace(/(height|width)="20"/, '')
+
                     this.apps.push({
                         href: href,
                         name: element.querySelector('span').innerHTML,
-                        icon: element.querySelector('svg').outerHTML,
+                        icon: svg,
                         active: element.classList.contains('active')
                     });
                 }

src/admin.js

@@ -24,6 +24,8 @@ const elements = [
     'side-menu-opener-position',
     'side-menu-opener-hover',
     'side-menu-display-logo',
+    'side-menu-size-icon',
+    'side-menu-size-text',
     'side-menu-cache',
 ];