Fixes after refactoring

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;
     }
   }

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%;
+  }
+}

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;

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;

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>

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>

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>

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>

src/components/Profile.vue

@@ -41,7 +41,7 @@
             :rotate="360"
             v-else
             :width="3"
-            :value="loadValue"
+            :model-value="loadValue"
             color="primary"
           >
             {{ loadValue }}

src/components/RoomAvatarPicker.vue

@@ -18,7 +18,7 @@
     :rotate="360"
     v-else
     :width="3"
-    :value="loadValue"
+    :model-value="loadValue"
     color="primary"
   >
     {{ loadValue }}

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">