sebclem/Claptrap-ui
1
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

🔨 Fix responsive for music preview

Browse Source
This commit is contained in:
SebClem 2022-06-22 16:49:01 +02:00
parent 5be4b1d41c
commit f1dffa0b07
Signed by: sebclem
GPG Key ID: 5A4308F6A359EA50
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/guild/home/AudioPreviewComponent.vue
View File

@ -9,7 +9,7 @@
</v-btn> </v-btn>
</template> </template>
<v-container class="pt-0"> <v-container class="pt-0">
<v-row> <v-row class="px-lg-6 px-0">
<v-col v-if="!status.connected" class="d-flex align-center"> <v-col v-if="!status.connected" class="d-flex align-center">
<v-avatar color="grey-darken-3" size="x-large"> <v-avatar color="grey-darken-3" size="x-large">
<v-icon icon="mdi-connection"></v-icon> <v-icon icon="mdi-connection"></v-icon>
@ -38,7 +38,7 @@
<h4> <h4>
{{ status.playBackInfo?.trackInfo?.detail.title }} {{ status.playBackInfo?.trackInfo?.detail.title }}
</h4> </h4>
<div class="d-flex align-center mr-6"> <div class="d-flex align-center">
<h5 class="text-grey-lighten-1"> <h5 class="text-grey-lighten-1">
{{ status.playBackInfo?.trackInfo?.detail.author }} {{ status.playBackInfo?.trackInfo?.detail.author }}
</h5> </h5>
@ -101,12 +101,12 @@
</v-row> </v-row>
</v-col> </v-col>
</v-row> </v-row>
<v-row class="px-7"> <v-row class="px-lg-7 px-0">
<v-col class="pb-0"> {{ currentProgress }} </v-col> <v-col class="pb-0"> {{ currentProgress }} </v-col>
<v-col class="d-flex justify-end pb-0"> {{ totalTime }} </v-col> <v-col class="d-flex justify-end pb-0"> {{ totalTime }} </v-col>
</v-row> </v-row>
<v-row> <v-row class="px-lg-7 px-0">
<v-col class="px-10 mt-1"> <v-col class="mt-1">
<v-progress-linear <v-progress-linear
v-model="progress" v-model="progress"
background-color="blue-grey" background-color="blue-grey"