From 75712ef7c30c2d8a96948500fa936d21dc825f38 Mon Sep 17 00:00:00 2001 From: Olga Bulat Date: Tue, 7 Nov 2023 11:26:38 +0300 Subject: [PATCH] Update the global audio player (#3265) * Update global audio component * Remove unused VCloseButton component * Add changes from code review Set border to dark-charcoal opacity-20, corner radius to 4px Signed-off-by: Olga Bulat * Fix global player border radius Refactor Global layout to use CSS grid Signed-off-by: Olga Bulat * Replace the border with a ring Signed-off-by: Olga Bulat * Remove `handleError` from returns Signed-off-by: Olga Bulat * Make VButton accept an array for connections Signed-off-by: Olga Bulat * Fix global player border radius Refactor Global layout to use CSS grid Signed-off-by: Olga Bulat * Replace the border with a ring Signed-off-by: Olga Bulat * Lower the ring width to 1px (from 1.5) * Fix types Signed-off-by: Olga Bulat * Update snapshots Signed-off-by: Olga Bulat --------- Signed-off-by: Olga Bulat --- .../components/VAudioTrack/VAudioControl.vue | 19 +-- .../VAudioTrack/VGlobalAudioTrack.vue | 17 ++- .../src/components/VAudioTrack/VPlayPause.vue | 15 +-- .../VAudioTrack/layouts/VGlobalLayout.vue | 31 +++-- frontend/src/components/VButton.vue | 26 ++-- frontend/src/components/VCloseButton.vue | 99 ---------------- .../VGlobalAudioSection.vue | 36 +++--- .../VHeaderMobile/VSearchBarButton.vue | 2 +- .../components/VIconButton/VIconButton.vue | 2 +- .../components/meta/VCloseButton.stories.mdx | 111 ------------------ frontend/src/layouts/content-layout.vue | 10 +- frontend/src/layouts/default.vue | 6 +- frontend/src/layouts/search-layout.vue | 7 +- frontend/src/types/button.ts | 2 +- frontend/tailwind.config.ts | 1 + frontend/tailwind.safelist.txt | 5 + ...udio-player-on-search-ltr-png-xs-linux.png | Bin 59773 -> 59360 bytes ...udio-player-on-search-rtl-png-xs-linux.png | Bin 61262 -> 60805 bytes 18 files changed, 102 insertions(+), 287 deletions(-) delete mode 100644 frontend/src/components/VCloseButton.vue delete mode 100644 frontend/src/components/meta/VCloseButton.stories.mdx diff --git a/frontend/src/components/VAudioTrack/VAudioControl.vue b/frontend/src/components/VAudioTrack/VAudioControl.vue index 5820c8cf295..4e220245b9a 100644 --- a/frontend/src/components/VAudioTrack/VAudioControl.vue +++ b/frontend/src/components/VAudioTrack/VAudioControl.vue @@ -1,7 +1,7 @@