fix image responsiveness
This commit is contained in:
@@ -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"
|
||||||
|
|||||||
Reference in New Issue
Block a user