fix image responsiveness
This commit is contained in:
parent
154cb3ee8d
commit
4f5cac1428
@ -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"
|
||||||
|
Loading…
x
Reference in New Issue
Block a user