change layout home

delafuentej · Aug 13, 2022 · 655fc0e · 655fc0e
1 parent fbfc897
commit 655fc0e
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 10 deletions.
diff --git a/src/app/components/card/card.component.html b/src/app/components/card/card.component.html
@@ -1,14 +1,12 @@
-<div class="col animated fadeIn">
-    <div class="row row-cols-1 row-cols-md-4 g-12">
+<div class="row animated fadeIn">
 
 
-        <div *ngFor="let item of items" (click)="showArtist(item)" class="card m-1 pointer">
-            <img [src]=" item.images | noimg" class="card-img-top " alt={{item.name}}>
-            <div class=" card-body ">
-                <h5 class="card-title ">{{item.name}}</h5>
-                <p *ngFor="let artist of item.artists " class="card-text d-inline "><span class="badge rounded-pill bg-primary ">{{artist.name}}</span></p>
-                <p class="card-text "><small class="text-muted ">Last updated 3 mins ago</small></p>
-            </div>
+    <div *ngFor="let item of items " (click)="showArtist(item) " class=" col-md-3 card pointer ">
+        <img [src]=" item.images | noimg " class="card-img-top " alt={{item.name}}>
+        <div class=" card-body ">
+            <h5 class="card-title ">{{item.name}}</h5>
+            <p *ngFor="let artist of item.artists " class="card-text d-inline "><span class="badge rounded-pill bg-primary ">{{artist.name}}</span></p>
+            <p class="card-text "><small class="text-muted ">Last updated 3 mins ago</small></p>
         </div>
     </div>
 </div>
diff --git a/src/app/components/search/search.component.ts b/src/app/components/search/search.component.ts
@@ -19,9 +19,12 @@ export class SearchComponent {
      this.loading=true
     this.spotifyService.getArtists(searchTerm)
     .subscribe((data:any)=>{
+
       this.artists= data;
       console.log(this.artists)
       this.loading=false;
+
+
 
     })
 

diff --git a/src/app/services/spotify.service.ts b/src/app/services/spotify.service.ts
@@ -13,7 +13,7 @@ export class SpotifyService {
     const url=`https://api.spotify.com/v1/${query}`;
 
     const headers= new HttpHeaders({
-      'Authorization':'Bearer BQBb6dDpcP0nOImj9lvaHx3Y6RsFKuhLBhuN0qTGwxD7O-qB6fIN3bWaFD4dWwNb5yrvm-DBZLzDtRw-gsdZDi1e-M4mbKdo3kQe_EXj1MUC7kiFi9lrDhC6f2jsAn1T0STq_zw1X4OZnVz8st-X502Nvb3JX3BKBM4w7Wgj5mNC'
+      'Authorization':'Bearer BQBHG7F8af2347CBydhWi9-ek6Y0yBXSfL3SgycN9C_vBCbFFDDZeHxgw4NZE3kv1736ma09Y2-q75oiTeVHo5jheL0kZaLwMXPoQeA0F8ytFJaQawI'
     });
 
     return this.http.get(url, {headers})