From fbdeec6a9980270f2d9958b8f8fd75e46cb10e91 Mon Sep 17 00:00:00 2001 From: ArabCoders Date: Sat, 8 Mar 2025 18:22:50 +0300 Subject: [PATCH] add different icon for embeded content --- ui/assets/css/style.css | 7 ++++++- ui/components/History.vue | 2 +- ui/components/Queue.vue | 2 +- ui/public/images/embed-icon.png | Bin 0 -> 4548 bytes 4 files changed, 8 insertions(+), 3 deletions(-) create mode 100644 ui/public/images/embed-icon.png diff --git a/ui/assets/css/style.css b/ui/assets/css/style.css index 58aa328c..51790731 100644 --- a/ui/assets/css/style.css +++ b/ui/assets/css/style.css @@ -226,7 +226,8 @@ hr { cursor: pointer; } -.play-icon { +.play-icon, +.embed-icon { position: absolute; z-index: 2; @@ -245,6 +246,10 @@ hr { opacity: 0.4; } +.embed-icon { + background-image: url(/images/embed-icon.png); +} + .play-icon:hover, .play-icon:focus, .play-active { diff --git a/ui/components/History.vue b/ui/components/History.vue index 131cd808..4bd0fe81 100644 --- a/ui/components/History.vue +++ b/ui/components/History.vue @@ -104,7 +104,7 @@ -
+
diff --git a/ui/components/Queue.vue b/ui/components/Queue.vue index 8277e38f..cff11603 100644 --- a/ui/components/Queue.vue +++ b/ui/components/Queue.vue @@ -54,7 +54,7 @@
-
+
diff --git a/ui/public/images/embed-icon.png b/ui/public/images/embed-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..a6970dd834b63b87c42f50c5a8736c4119b5d49b GIT binary patch literal 4548 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 literal 0 HcmV?d00001