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