Merge branch 'main' into patch-accessibility-focus-outline

src/components/Artist.vue

@@ -85,12 +85,12 @@ p.more {
   color: var(--color-foreground);
   box-shadow: 0 0 1rem var(--color-background-mute);
 }
-.subs:after {
+.subs::after {
   content: ' Subscribers';
   font-weight: bold;
 }
 @media (max-width: 400px) {
-  .subs:after {
+  .subs::after {
     content: ' Subs';
   }
 }

src/components/Btn.vue

@@ -24,7 +24,7 @@ defineEmits(['click']);
   transition: background 0.4s ease;
   margin-right: auto;
 }
-.bi-play:before {
+.bi-play::before {
   padding-left: 0.2rem;
 }
 .bi:hover,

src/components/Modal.vue

@@ -61,7 +61,7 @@ watch(show, n => {
   padding: 1rem 2rem;
   border-bottom: 1px solid var(--color-shadow);
 }
-.modal-title:after {
+.modal-title::after {
   content: '...';
 }
 .modal-content {

src/components/Playlists.vue

@@ -50,7 +50,7 @@ defineEmits(['playthis']);
   padding: 1rem;
   overflow-y: auto;
 }
-.placeholder:empty:before {
+.placeholder:empty::before {
   --ico: '\f64d';
 }
 .pl-item {

src/components/Prefs.vue

@@ -350,7 +350,7 @@ td.bi[data-active='true'] {
 footer {
   margin-bottom: 2rem;
 }
-footer .bi:before {
+footer .bi::before {
   font-size: 1.75rem;
   vertical-align: -0.45rem;
 }

src/components/Search.vue

@@ -194,7 +194,7 @@ onUpdated(() => {
           :index="index"
           :author="song.uploaderName || song.subtitle"
           :title="song.title || song.name"
-          :channel="song.uploaderUrl || song.subId"
+          :channel="song.uploaderUrl || '/channel/' + song.subId"
           :play="song.url || '/watch?v=' + song.id"
           :art="
             song.thumbnail || song.thumbnails[1]?.url || song.thumbnails[0]?.url

src/components/StatusBar.vue

@@ -380,7 +380,7 @@ input[type='range']::-moz-range-track {
   height: 0.25rem;
   display: inline-block;
 }
-.range-wrap:before {
+.range-wrap::before {
   content: '';
   width: var(--fw);
   position: absolute;