From defe4d6c91c865233d13b3789c61e1debab62372 Mon Sep 17 00:00:00 2001 From: FireMasterK <20838718+FireMasterK@users.noreply.github.com> Date: Mon, 27 Dec 2021 14:46:30 +0000 Subject: [PATCH] Migrate more css classes. --- src/App.vue | 12 ++++++--- src/components/Channel.vue | 9 ++++--- src/components/RegisterPage.vue | 4 +-- src/components/SubscriptionsPage.vue | 37 ++++++++++++---------------- src/components/VideoItem.vue | 13 ++++------ src/components/WatchVideo.vue | 18 ++++++-------- src/main.js | 2 +- 7 files changed, 43 insertions(+), 52 deletions(-) diff --git a/src/App.vue b/src/App.vue index c3c065d4..6d65a2e5 100644 --- a/src/App.vue +++ b/src/App.vue @@ -7,7 +7,7 @@ -
+
+ @@ -113,7 +113,7 @@ b { } .video-grid { - @apply grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 col-auto gap-x-1vw gap-y-0.2vh; + @apply grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 col-auto gap-x-1vw gap-y-1.5 mx-3; } .btn { @@ -121,7 +121,7 @@ b { } .dark { - @apply text-white bg-dark-800; + @apply text-white bg-dark-800 bg-opacity-70; } .dark .input, @@ -141,4 +141,8 @@ h1 { hr { @apply !mt-2 !mb-3; } + +.link { + @apply hover:(text-gray-300 underline underline-gray-300); +} diff --git a/src/components/Channel.vue b/src/components/Channel.vue index 00354d6a..e4751c76 100644 --- a/src/components/Channel.vue +++ b/src/components/Channel.vue @@ -2,10 +2,11 @@
-

- {{ channel.name }} -

- +
+ +

{{ channel.name }}

+
+

diff --git a/src/components/RegisterPage.vue b/src/components/RegisterPage.vue index 17bbc87d..5e80dd3f 100644 --- a/src/components/RegisterPage.vue +++ b/src/components/RegisterPage.vue @@ -22,9 +22,7 @@ />
- - {{ $t("titles.register") }} + {{ $t("titles.register") }}
diff --git a/src/components/SubscriptionsPage.vue b/src/components/SubscriptionsPage.vue index ac1fc8b0..b9d32cc4 100644 --- a/src/components/SubscriptionsPage.vue +++ b/src/components/SubscriptionsPage.vue @@ -1,38 +1,33 @@ diff --git a/src/components/VideoItem.vue b/src/components/VideoItem.vue index 5c85b670..b2fc9f73 100644 --- a/src/components/VideoItem.vue +++ b/src/components/VideoItem.vue @@ -1,7 +1,7 @@ - + {{ $t("player.watch_on") }}  - + {{ $t("player.watch_on") }} LBRY @@ -71,16 +67,16 @@ {{ video.uploader }}  
-
- +

@@ -127,7 +123,7 @@
- + {{ showRecs ? $t("actions.minimize_recommendations") : $t("actions.show_recommendations") }}