diff --git a/public/img/minecraft-grass-block.png b/public/img/minecraft-grass-block.png new file mode 100644 index 0000000..5234ce0 Binary files /dev/null and b/public/img/minecraft-grass-block.png differ diff --git a/resources/js/views/dashboard/Dashboard.vue b/resources/js/views/dashboard/Dashboard.vue index 2e9a620..1d9d5d0 100644 --- a/resources/js/views/dashboard/Dashboard.vue +++ b/resources/js/views/dashboard/Dashboard.vue @@ -30,7 +30,7 @@

{{ courseBoxTitle }}

@@ -42,6 +42,14 @@

Media

+ + +

Minecraft

+
{ border-radius: 12px; border: 2px solid $primary-color-dark; background-color: #f8f8f8; + background-repeat: no-repeat; + background-size: cover; + background-position: center; padding: map-get($spacer, 5) map-get($spacer, 4); margin: map-get($spacer, 3); font-size: map-get($spacer, 3); @@ -104,6 +115,10 @@ const courseBoxTitle = computed(() => { font-size: map-get($spacer, 5); } + img { + height: map-get($spacer, 5); + } + &:hover { text-decoration: none; background-color: $primary-color-lighter;