From ec79a33eab74c7995a1cddd29587628291c51729 Mon Sep 17 00:00:00 2001
From: N-Pex <npexdev@gmail.com>
Date: Mon, 9 Jun 2025 09:34:43 +0200
Subject: [PATCH] Fixes after refactoring

---
 src/assets/css/channel.scss             |  4 ++--
 src/assets/css/chat.scss                | 16 +++++++++++++++-
 src/assets/css/create.scss              |  2 +-
 src/assets/css/filedrop.scss            |  8 ++++----
 src/components/AudioLayout.vue          |  2 +-
 src/components/CreateChannel.vue        |  2 +-
 src/components/CreateFileDrop.vue       |  2 +-
 src/components/CreateRoom.vue           |  2 +-
 src/components/Profile.vue              |  2 +-
 src/components/RoomAvatarPicker.vue     |  2 +-
 src/components/messages/AudioPlayer.vue |  2 +-
 11 files changed, 29 insertions(+), 15 deletions(-)

diff --git a/src/assets/css/channel.scss b/src/assets/css/channel.scss
index 343da1d..f6f862e 100644
--- a/src/assets/css/channel.scss
+++ b/src/assets/css/channel.scss
@@ -104,7 +104,7 @@
         /* full bleed */
         padding: 0 0 0 0;
         border-radius: 0 !important;
-        .v-image, video {
+        .v-img, video {
           border-radius: 0 !important;
         }
     }
@@ -126,7 +126,7 @@
     }
 
     /* Make all images 'cover' */
-    .v-image__image {
+    .v-img__image {
         background-size: cover;
     }
   }
diff --git a/src/assets/css/chat.scss b/src/assets/css/chat.scss
index c69b606..ae5a5ce 100644
--- a/src/assets/css/chat.scss
+++ b/src/assets/css/chat.scss
@@ -575,12 +575,13 @@ body {
   }
   .bubble.image-bubble {
     padding: 0px;
+    overflow: hidden;
     display: inline-block;
     width: 70%;
     max-width: 70%;
     cursor: pointer;
 
-    .v-image,
+    .v-img,
     video {
       border-radius: 10px 10px 0 10px;
       [dir="rtl"] & {
@@ -1618,3 +1619,16 @@ body {
     color: #1d1d1d;
   }
 }
+
+.c2pa-badge {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 32px;
+  height: 32px;
+  overflow: hidden;
+  .v-icon {
+    width: 100%;
+    height: 100%;
+  }
+}
\ No newline at end of file
diff --git a/src/assets/css/create.scss b/src/assets/css/create.scss
index 514fd5d..40466d2 100644
--- a/src/assets/css/create.scss
+++ b/src/assets/css/create.scss
@@ -173,7 +173,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    .v-image {
+    .v-img {
       flex: 0 0 14px;
       width: 14px;
       height: 10px;
diff --git a/src/assets/css/filedrop.scss b/src/assets/css/filedrop.scss
index 76f7b17..f3e10b0 100644
--- a/src/assets/css/filedrop.scss
+++ b/src/assets/css/filedrop.scss
@@ -100,7 +100,7 @@ $small-button-height: 36px;
     }
     border-radius: 19px;
     overflow: hidden;
-    .v-image {
+    .v-img {
       width: 100%;
       height: 100%;
       object-fit: cover;
@@ -145,7 +145,7 @@ $small-button-height: 36px;
       &.noborder {
         border: 2px solid transparent;
       }
-      .v-image {
+      .v-img {
         width: 100%;
         height: 100%;
         object-fit: cover;
@@ -254,7 +254,7 @@ $small-button-height: 36px;
       position: absolute;
       overflow: hidden;
       opacity: 0;
-      .v-image {
+      .v-img {
         width: 100%;
         height: 100%;
         object-fit: cover;
@@ -296,7 +296,7 @@ $small-button-height: 36px;
       background: linear-gradient(0deg, #26242b 0%, #26242b 100%), #fff;
       position: relative;
       padding: 8px;
-      .v-image {
+      .v-img {
         width: $min-touch-target;
         height: $min-touch-target;
         border-radius: 8px;
diff --git a/src/components/AudioLayout.vue b/src/components/AudioLayout.vue
index ed66778..5b58c18 100644
--- a/src/components/AudioLayout.vue
+++ b/src/components/AudioLayout.vue
@@ -55,7 +55,7 @@
       <v-btn id="btn-rewind" :disabled="!info || info.loading" @click.stop="rewind" icon>
         <v-icon size="28">$vuetify.icons.rewind</v-icon>
       </v-btn>
-      <v-progress-circular v-if="info && info.loading" :value="info.loadPercent" @click.stop="pause" size="36" width="2" style="margin:26px"></v-progress-circular>
+      <v-progress-circular v-if="info && info.loading" :model-value="info.loadPercent" @click.stop="pause" size="36" width="2" style="margin:26px"></v-progress-circular>
       <v-btn v-else-if="info && info.playing" id="btn-pause" @click.stop="pause" icon>
         <v-icon size="56">$vuetify.icons.pause_circle</v-icon>
       </v-btn>
diff --git a/src/components/CreateChannel.vue b/src/components/CreateChannel.vue
index 8cc00ab..e000d55 100644
--- a/src/components/CreateChannel.vue
+++ b/src/components/CreateChannel.vue
@@ -29,7 +29,7 @@
               <div v-if="creatingRoom" class="text-center">
                 {{ creatingRoomStatus }}
                 <v-progress-circular v-if="creatingRoom" :indeterminate="creatingRoomProgress == null"
-                  :value="creatingRoomProgress" color="primary" width="2" size="20"></v-progress-circular>
+                  :model-value="creatingRoomProgress" color="primary" width="2" size="20"></v-progress-circular>
               </div>
               <span v-else>{{ $t("getlink.next") }}</span>
             </v-btn>
diff --git a/src/components/CreateFileDrop.vue b/src/components/CreateFileDrop.vue
index aac86f1..ad38869 100644
--- a/src/components/CreateFileDrop.vue
+++ b/src/components/CreateFileDrop.vue
@@ -27,7 +27,7 @@
               <div v-if="creatingRoom" class="text-center">
                 {{ creatingRoomStatus }}
                 <v-progress-circular v-if="creatingRoom" :indeterminate="creatingRoomProgress == null"
-                  :value="creatingRoomProgress" color="primary" width="2" size="20"></v-progress-circular>
+                  :model-value="creatingRoomProgress" color="primary" width="2" size="20"></v-progress-circular>
               </div>
               <span v-else>{{ $t("getlink.next") }}</span>
             </v-btn>
diff --git a/src/components/CreateRoom.vue b/src/components/CreateRoom.vue
index 54276a8..1e09ddc 100644
--- a/src/components/CreateRoom.vue
+++ b/src/components/CreateRoom.vue
@@ -56,7 +56,7 @@
             <div v-if="creatingRoom && !enterRoomDialog" class="text-center">
               {{ creatingRoomStatus }}
               <v-progress-circular v-if="creatingRoom" :indeterminate="creatingRoomProgress == null"
-                :value="creatingRoomProgress" color="primary" width="2" size="20"></v-progress-circular>
+                :model-value="creatingRoomProgress" color="primary" width="2" size="20"></v-progress-circular>
             </div>
             <span v-else>{{ $t("getlink.next") }}</span>
           </v-btn>
diff --git a/src/components/Profile.vue b/src/components/Profile.vue
index 06cebcd..59b9252 100644
--- a/src/components/Profile.vue
+++ b/src/components/Profile.vue
@@ -41,7 +41,7 @@
             :rotate="360"
             v-else
             :width="3"
-            :value="loadValue"
+            :model-value="loadValue"
             color="primary"
           >
             {{ loadValue }}
diff --git a/src/components/RoomAvatarPicker.vue b/src/components/RoomAvatarPicker.vue
index 1c2b3e8..a2e7990 100644
--- a/src/components/RoomAvatarPicker.vue
+++ b/src/components/RoomAvatarPicker.vue
@@ -18,7 +18,7 @@
     :rotate="360"
     v-else
     :width="3"
-    :value="loadValue"
+    :model-value="loadValue"
     color="primary"
   >
     {{ loadValue }}
diff --git a/src/components/messages/AudioPlayer.vue b/src/components/messages/AudioPlayer.vue
index 3c80a65..58972e8 100644
--- a/src/components/messages/AudioPlayer.vue
+++ b/src/components/messages/AudioPlayer.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="audio-player d-flex flex-row align-center">
-    <v-progress-circular v-if="info.loading" @click.stop="pause" :value="info.loadPercent" size="24" width="2" style="margin:6px"></v-progress-circular>
+    <v-progress-circular v-if="info.loading" @click.stop="pause" :model-value="info.loadPercent" size="24" width="2" style="margin:6px"></v-progress-circular>
     <v-btn v-else-if="info.playing" id="btn-pause" @click.stop="pause" icon><v-icon size="20">pause</v-icon></v-btn>
     <v-btn v-else id="btn-play" @click.stop="play" icon><v-icon size="20">play_arrow</v-icon></v-btn>
     <div class="play-time">