fix image responsiveness

This commit is contained in:
Thomas Amland 2020-08-04 18:21:18 +02:00
parent 154cb3ee8d
commit 4f5cac1428

View File

@ -1,6 +1,6 @@
<template> <template>
<div v-if="album"> <div v-if="album">
<div class="d-flex align-items-start mb-3"> <div class="d-flex mb-3">
<b-img height="300" width="300" fluid :src="album.image"/> <b-img height="300" width="300" fluid :src="album.image"/>
<div class="ml-3 ml-md-4"> <div class="ml-3 ml-md-4">
<h1>{{ album.name }}</h1> <h1>{{ album.name }}</h1>
@ -20,6 +20,11 @@
</div> </div>
</div> </div>
</template> </template>
<style scoped>
img {
max-width: 50%;
}
</style>
<script lang="ts"> <script lang="ts">
import Vue from "vue"; import Vue from "vue";
import TrackList from "@/library/TrackList.vue" import TrackList from "@/library/TrackList.vue"