menu settings no hover effect on small screen

Author: supalarry

frontend/src/components/app/settings/MenuButton.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- eslint-disable max-len -->
-  <div class="flex w-full mx-auto cursor-pointer hover:bg-gray-300">
+  <div class="flex w-full mx-auto cursor-pointer md:hover:bg-gray-300">
     <h1 class="text-gray-matcha py-4 md:py-2 text-xl md:text-base w-full md:w-auto text-center md:text-left">{{text}}</h1>
   </div>
 </template>