working

src/components/Skill.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="m-4 md:w-48 h-32 w-2/3 p-1 md:p-2 skill border-gray-900 border-2 bg-gray-300 duration-300 rounded-3xl" :class="'hover:bg-'+color">
+  <div class="m-4 p-1 md:p-2 h-48 w-48 border-gray-900 dark:border-dark-800 border-2 duration-300 rounded-3xl hover:bg-opacity-25" :class="'hover:bg-'+color+'-600'">
     <div class="w-full h-full flex flex-col justify-center items-center">
       <div>
-        COVER
+        <img alt="Skill Img" width="95" height="95" :src="'http://localhost:5555/files/' + cover">
       </div>
       <h1 class="md:text-2xl text-lg font-bold">{{skill}}</h1>
     </div>
@@ -23,14 +23,11 @@ export default {
     },
     cover: {
       type: String,
-      default: "https://api.arthurdanjou.fr/files/default.png"
+      default: "logo.jpg"
     }
   }
 }
 </script>
 
 <style scoped lang="scss">
-.skill {
-
-}
 </style>