Institute full-width layout for ft-cards

kommunarr · Jun 20, 2024 · 7c07d47 · 7c07d47
1 parent 6ff49d3
commit 7c07d47
Show file tree

Hide file tree

Showing 18 changed files with 1 addition and 101 deletions.
diff --git a/src/renderer/App.css b/src/renderer/App.css
@@ -13,7 +13,7 @@
 .routerView {
   flex: 1 1 0%;
   margin-block: 18px;
-  margin-inline: 10px;
+  margin-inline: 5px;
 }
 
 .banner {

diff --git a/src/renderer/components/ft-profile-channel-list/ft-profile-channel-list.css b/src/renderer/components/ft-profile-channel-list/ft-profile-channel-list.css
@@ -3,13 +3,6 @@ h2, .selectedCount {
 }
 
 .card {
-  inline-size: 85%;
   margin-block: 0 15px;
   margin-inline: auto;
 }
-
-@media only screen and (width <= 680px) {
-  .card {
-    inline-size: 90%;
-  }
-}
diff --git a/src/renderer/components/ft-profile-edit/ft-profile-edit.css b/src/renderer/components/ft-profile-edit/ft-profile-edit.css
@@ -77,13 +77,6 @@ h3 {
 }
 
 .card {
-  inline-size: 85%;
   margin-block: 0 60px;
   margin-inline: auto;
 }
-
-@media only screen and (width <= 680px) {
-  .card {
-    inline-size: 90%;
-  }
-}
diff --git a/src/renderer/components/ft-profile-filter-channels-list/ft-profile-filter-channels-list.css b/src/renderer/components/ft-profile-filter-channels-list/ft-profile-filter-channels-list.css
@@ -7,13 +7,6 @@ h2 {
 }
 
 .card {
-  inline-size: 85%;
   margin-block: 0 15px;
   margin-inline: auto;
 }
-
-@media only screen and (width <= 680px) {
-  .card {
-    inline-size: 90%;
-  }
-}
diff --git a/src/renderer/components/password-dialog/password-dialog.css b/src/renderer/components/password-dialog/password-dialog.css
@@ -1,5 +1,4 @@
 .card {
-  inline-size: 85%;
   margin: auto;
   box-sizing: border-box;
 }

diff --git a/src/renderer/components/subscriptions-tab-ui/subscriptions-tab-ui.css b/src/renderer/components/subscriptions-tab-ui/subscriptions-tab-ui.css
@@ -1,15 +1,8 @@
 .card {
-  inline-size: 85%;
   margin-block: 0 60px;
   margin-inline: auto;
 }
 
 .message {
   color: var(--tertiary-text-color);
 }
-
-@media only screen and (width <= 680px) {
-  .card {
-    inline-size: 90%;
-  }
-}
diff --git a/src/renderer/views/About/About.css b/src/renderer/views/About/About.css
@@ -1,7 +1,6 @@
 .card {
   margin-block: 0 60px;
   margin-inline: auto;
-  inline-size: 85%;
 }
 
 .brand {
@@ -61,9 +60,3 @@
     grid-template-columns: 1fr;
   }
 }
-
-@media only screen and (width <=680px) {
-  .card {
-    inline-size: 90%;
-  }
-}
diff --git a/src/renderer/views/Channel/Channel.css b/src/renderer/views/Channel/Channel.css
@@ -1,6 +1,5 @@
 .card {
   position: relative;
-  inline-size: 85%;
   margin-block: 0 20px;
   margin-inline: auto;
   box-sizing: border-box;

diff --git a/src/renderer/views/Hashtag/Hashtag.css b/src/renderer/views/Hashtag/Hashtag.css
@@ -16,11 +16,4 @@
 .card {
   margin-block: 0 20px;
   margin-inline: auto;
-  inline-size: 85%;
-}
-
-@media only screen and (width <= 680px) {
-  .card {
-    inline-size: 90%;
-  }
 }
diff --git a/src/renderer/views/History/History.css b/src/renderer/views/History/History.css
@@ -1,15 +1,8 @@
 .card {
-  inline-size: 85%;
   margin-block: 0 60px;
   margin-inline: auto;
 }
 
 .message {
   color: var(--tertiary-text-color);
 }
-
-@media only screen and (width <= 680px) {
-  .card {
-    inline-size: 90%;
-  }
-}
diff --git a/src/renderer/views/Playlist/Playlist.scss b/src/renderer/views/Playlist/Playlist.scss
@@ -46,7 +46,6 @@
       margin-inline: auto;
       padding-inline: 16px;
       box-sizing: content-box;
-      inline-size: 85%;
       background-color: var(--card-bg-color);
       box-shadow: 0 2px 1px 0 var(--primary-shadow-color);
 
@@ -60,7 +59,6 @@
     }
 
     .playlistItemsCard {
-      inline-size: 85%;
       margin-block: 0 60px;
       margin-inline: auto;
     }

diff --git a/src/renderer/views/Popular/Popular.css b/src/renderer/views/Popular/Popular.css
@@ -1,11 +1,4 @@
 .card {
-  inline-size: 85%;
   margin-block: 0 60px;
   margin-inline: auto;
 }
-
-@media only screen and (width <= 680px) {
-  .card {
-    inline-size: 90%;
-  }
-}
diff --git a/src/renderer/views/ProfileSettings/ProfileSettings.css b/src/renderer/views/ProfileSettings/ProfileSettings.css
@@ -24,13 +24,6 @@ h2 {
 }
 
 .card {
-  inline-size: 85%;
   margin-block: 0 15px;
   margin-inline: auto;
 }
-
-@media only screen and (width <= 680px) {
-  .card {
-    inline-size: 90%;
-  }
-}
diff --git a/src/renderer/views/Search/Search.css b/src/renderer/views/Search/Search.css
@@ -14,13 +14,6 @@
 }
 
 .card {
-  inline-size: 85%;
   margin-block: 0 60px;
   margin-inline: auto;
 }
-
-@media only screen and (width <= 680px) {
-  .card {
-    inline-size: 90%;
-  }
-}
diff --git a/src/renderer/views/SubscribedChannels/SubscribedChannels.css b/src/renderer/views/SubscribedChannels/SubscribedChannels.css
@@ -1,5 +1,4 @@
 .card {
-  inline-size: 85%;
   margin-block: 0 60px;
   margin-inline: auto;
 }
@@ -67,10 +66,6 @@
 }
 
 @media only screen and (width <= 680px) {
-  .card {
-    inline-size: 90%;
-  }
-
   .channels {
     gap: 1.5rem;
   }

diff --git a/src/renderer/views/Subscriptions/Subscriptions.css b/src/renderer/views/Subscriptions/Subscriptions.css
@@ -1,5 +1,4 @@
 .card {
-  inline-size: 85%;
   margin-block: 0 60px;
   margin-inline: auto;
 }
@@ -33,9 +32,3 @@
 .tab:hover {
   font-weight: bold;
 }
-
-@media only screen and (width <= 680px) {
-  .card {
-    inline-size: 90%;
-  }
-}
diff --git a/src/renderer/views/Trending/Trending.css b/src/renderer/views/Trending/Trending.css
@@ -1,5 +1,4 @@
 .card {
-  inline-size: 85%;
   margin-block: 0 60px;
   margin-inline: auto;
 }
@@ -31,9 +30,3 @@
 .tab:hover {
   font-weight: bold;
 }
-
-@media only screen and (width <= 680px) {
-  .card {
-    inline-size: 90%;
-  }
-}
diff --git a/src/renderer/views/UserPlaylists/UserPlaylists.css b/src/renderer/views/UserPlaylists/UserPlaylists.css
@@ -1,6 +1,5 @@
 .card {
   position: relative;
-  inline-size: 85%;
   margin-block: 0 60px;
   margin-inline: auto;
 }
@@ -55,9 +54,3 @@
 .message {
   color: var(--tertiary-text-color);
 }
-
-@media only screen and (width <= 680px) {
-  .card {
-    inline-size: 90%;
-  }
-}