adb/spot2gether-frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix mobile header; smaller user icon

Browse Source
This commit is contained in:
adb-sh 2022-10-11 19:59:47 +02:00
parent 2b501fdeed
commit f3b9591668
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.vue
View File

@ -3,7 +3,7 @@
<div class="bg-secondary shadow"> <div class="bg-secondary shadow">
<nav class="navbar px-2 container"> <nav class="navbar px-2 container">
<router-link class="d-flex btn" to="/"> <router-link class="d-flex btn" to="/">
<div class="d-none d-sm-flex header-title flex-column justify-content-center"> <div class="d-flex header-title flex-column justify-content-center">
<b>spot2gether</b> <b>spot2gether</b>
<div>music connects</div> <div>music connects</div>
</div> </div>

7
src/views/UserPage.vue
View File

@ -32,8 +32,15 @@ onBeforeUnmount(() => {
{{ user.displayName }} {{ user.displayName }}
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="row">
<div class="col-4">
<img :src="user.images[0].url" alt="user image" class="card-img"> <img :src="user.images[0].url" alt="user image" class="card-img">
</div> </div>
<div class="col">
<p>{{ user.totalFollowers }} followers on Spotify</p>
</div>
</div>
</div>
</div> </div>
<button <button
v-if="$api.isAuthorized()" v-if="$api.isAuthorized()"