valere/evilspins
1
0
Fork 0
Code Issues 29 Pull Requests Actions Packages Projects 4 Releases Wiki Activity

platine mobile size
All checks were successful
Deploy App / build (push) Successful in 20s
Details
Deploy App / deploy (push) Successful in 14s
Details

Browse Source
This commit is contained in:
valere
2026-01-02 22:34:11 +01:00
parent bb791e35d1
commit f75a1481bd
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/components/Platine.vue
View File

@@ -1,8 +1,7 @@
<template> <template>
<div class="platine pointer-events-none" :class="{ 'loading': platineStore.isLoadingTrack, 'mounted': isMounted }" <div class="platine pointer-events-none" :class="{ 'loading': platineStore.isLoadingTrack, 'mounted': isMounted }"
ref="platine"> ref="platine">
<div class="disc pointer-events-auto fixed" ref="discRef" :style="'background-image: url(/card-dock.svg)'" <div class="disc pointer-events-auto fixed" ref="discRef" style="background-image: url(/card-dock.svg)" id="disc">
id="disc">
<div <div
class="bobine bg-slate-900 bg-opacity-50 absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 rounded-full" class="bobine bg-slate-900 bg-opacity-50 absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 rounded-full"
:style="{ height: platineStore.progressPercentage + '%', width: platineStore.progressPercentage + '%' }"></div> :style="{ height: platineStore.progressPercentage + '%', width: platineStore.progressPercentage + '%' }"></div>

4
app/layouts/default.vue
View File

@@ -47,7 +47,9 @@ const onCardDropped = (card: Track) => {
&.mounted { &.mounted {
z-index: 60; z-index: 60;
bottom: 0; bottom: 0;
width: 25%;
width: 100%;
max-width: 450px;
} }
} }
</style> </style>