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