Merge pull request #572 from razzeee/Update-cms-styling

xbmc · Aug 6, 2023 · 8c418ff · 8c418ff
2 parents 683519f + 3a1558e
commit 8c418ff
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 40 deletions.
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
@@ -9,6 +9,7 @@ interface Props {
   rel?: string;
   buttonType?: "internal" | "external" | "button";
   onClick?: any;
+  children: React.ReactNode;
 }
 
 class Button extends React.Component<Props> {

diff --git a/src/components/IconList.tsx b/src/components/IconList.tsx
@@ -11,7 +11,7 @@ function IconListFeatured(props: {
   let linkroot = "";
   let className = "my-6 max-w-none mx-auto gap-5 grid md:grid-cols-3 lg:grid-cols-5";
   if (props.items.length == 0) {
-    return "";
+    return null;
   }
   if (props.className !== undefined) {
     className = props.className;
@@ -53,13 +53,13 @@ function IconList(props: {
     slug?: string;
     name?: string;
   }[];
-  iconwidth: string | undefined;
+  iconwidth?: string | undefined;
   iconheight?: string;
-  linkroot: string;
-  className: string | undefined;
+  linkroot?: string;
+  className?: string | undefined;
 }) {
   if (props.items.length == 0) {
-    return "";
+    return null;
   }
   let items = props.items;
   let linkroot = "";

diff --git a/src/components/ReleasesTabs.tsx b/src/components/ReleasesTabs.tsx
@@ -4,28 +4,26 @@ import { DownloadLinks } from "./ReleasesLinks";
 import Tabs from "./Tabs";
 
 class ReleasesTabs extends React.Component {
-  constructor(
-    private props: {
-      releases: {
-        name: string;
-        id: string;
-        downloads: {
-          url: string | undefined;
-          name: React.ReactNode;
-        }[];
-        description: string;
+  constructor(props: {
+    releases: {
+      name: string;
+      id: string;
+      downloads: {
+        url: string | undefined;
+        name: React.ReactNode;
       }[];
-    }
-  ) {
+      description: string;
+    }[];
+  }) {
     super(props);
   }
 
   render() {
     const releases = this.props.releases;
     if (releases == undefined) {
-      return "";
+      return null;
     } else if (releases.length == 0) {
-      return "";
+      return null;
     }
     return (
       <Tabs>

diff --git a/static/admin/global.css b/static/admin/global.css
@@ -1,6 +1,6 @@
 /* ./src/styles/global.css */
 
-/* ! tailwindcss v3.3.1 | MIT License | https://tailwindcss.com */
+/* ! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com */
 
 /*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
@@ -191,6 +191,10 @@ select,
 textarea {
   font-family: inherit;
   /* 1 */
+  font-feature-settings: inherit;
+  /* 1 */
+  font-variation-settings: inherit;
+  /* 1 */
   font-size: 100%;
   /* 1 */
   font-weight: inherit;
@@ -341,6 +345,14 @@ menu {
   padding: 0;
 }
 
+/*
+Reset default styling for dialogs.
+*/
+
+dialog {
+  padding: 0;
+}
+
 /*
 Prevent resizing textareas horizontally by default.
 */
@@ -602,6 +614,9 @@ select {
   --tw-pan-y:  ;
   --tw-pinch-zoom:  ;
   --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
   --tw-ordinal:  ;
   --tw-slashed-zero:  ;
   --tw-numeric-figure:  ;
@@ -649,6 +664,9 @@ select {
   --tw-pan-y:  ;
   --tw-pinch-zoom:  ;
   --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
   --tw-ordinal:  ;
   --tw-slashed-zero:  ;
   --tw-numeric-figure:  ;
@@ -1886,28 +1904,22 @@ select {
 
 .from-kodi {
   --tw-gradient-from: #17B2E7 var(--tw-gradient-from-position);
-  --tw-gradient-from-position:  ;
-  --tw-gradient-to: rgb(23 178 231 / 0)  var(--tw-gradient-from-position);
-  --tw-gradient-to-position:  ;
+  --tw-gradient-to: rgb(23 178 231 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
 .from-kodi-darker {
   --tw-gradient-from: #149ECC var(--tw-gradient-from-position);
-  --tw-gradient-from-position:  ;
-  --tw-gradient-to: rgb(20 158 204 / 0)  var(--tw-gradient-from-position);
-  --tw-gradient-to-position:  ;
+  --tw-gradient-to: rgb(20 158 204 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
 .to-kodi-darker {
   --tw-gradient-to: #149ECC var(--tw-gradient-to-position);
-  --tw-gradient-to-position:  ;
 }
 
 .to-kodi-lighter {
   --tw-gradient-to: #45C2EC var(--tw-gradient-to-position);
-  --tw-gradient-to-position:  ;
 }
 
 .object-cover {
@@ -2524,14 +2536,6 @@ a:hover {
     grid-column: span 1 / span 1;
   }
 
-  .sm\:col-span-3 {
-    grid-column: span 3 / span 3;
-  }
-
-  .sm\:col-span-4 {
-    grid-column: span 4 / span 4;
-  }
-
   .sm\:mt-4 {
     margin-top: 1rem;
   }
@@ -2544,10 +2548,6 @@ a:hover {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
-  .sm\:grid-cols-6 {
-    grid-template-columns: repeat(6, minmax(0, 1fr));
-  }
-
   .sm\:flex-row {
     flex-direction: row;
   }