From 00269fbce18d64e4c68bb84822bd153beb61067f Mon Sep 17 00:00:00 2001 From: Cadence Ember Date: Thu, 18 Jun 2020 00:15:36 +1200 Subject: [PATCH] Redesign share button --- .../assets/img/invidious-logo-dark.svg | 1 + .../assets/img/invidious-logo-light.svg | 1 + src/renderer/assets/img/yt_logo_mono_dark.png | Bin 0 -> 7117 bytes .../components/ft-button/ft-button.vue | 4 +- .../ft-icon-button/ft-icon-button.vue | 10 ---- .../ft-share-button/ft-share-button.js | 12 +++++ .../ft-share-button/ft-share-button.sass | 51 ++++++++++++++++++ .../ft-share-button/ft-share-button.vue | 39 ++++++++++++++ .../watch-video-info/watch-video-info.js | 4 +- .../watch-video-info/watch-video-info.vue | 10 +--- 10 files changed, 111 insertions(+), 21 deletions(-) create mode 100644 src/renderer/assets/img/invidious-logo-dark.svg create mode 100644 src/renderer/assets/img/invidious-logo-light.svg create mode 100644 src/renderer/assets/img/yt_logo_mono_dark.png create mode 100644 src/renderer/components/ft-share-button/ft-share-button.js create mode 100644 src/renderer/components/ft-share-button/ft-share-button.sass create mode 100644 src/renderer/components/ft-share-button/ft-share-button.vue diff --git a/src/renderer/assets/img/invidious-logo-dark.svg b/src/renderer/assets/img/invidious-logo-dark.svg new file mode 100644 index 000000000..a0542d638 --- /dev/null +++ b/src/renderer/assets/img/invidious-logo-dark.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/renderer/assets/img/invidious-logo-light.svg b/src/renderer/assets/img/invidious-logo-light.svg new file mode 100644 index 000000000..d1c7c1966 --- /dev/null +++ b/src/renderer/assets/img/invidious-logo-light.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/renderer/assets/img/yt_logo_mono_dark.png b/src/renderer/assets/img/yt_logo_mono_dark.png new file mode 100644 index 0000000000000000000000000000000000000000..05a4df7c274f253ca7598f068b609f08f0c5c475 GIT binary patch literal 7117 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 - {{ label }} + + {{ label }} + diff --git a/src/renderer/components/ft-icon-button/ft-icon-button.vue b/src/renderer/components/ft-icon-button/ft-icon-button.vue index f1ff34438..e445a5d2f 100644 --- a/src/renderer/components/ft-icon-button/ft-icon-button.vue +++ b/src/renderer/components/ft-icon-button/ft-icon-button.vue @@ -23,16 +23,6 @@ top: dropdownPositionY === 'top' }" > -
    -
  • - {{ label }} -
    • -
    + + + + + +