Adjust responsive layout

ref: oursky#1
Ngkaokis · Jul 7, 2022 · 223d8dc · 223d8dc
1 parent e9910f9
commit 223d8dc
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 54 deletions.
diff --git a/pkg/dashboard/assets/index.html b/pkg/dashboard/assets/index.html
@@ -9,8 +9,8 @@
   </head>
   <body class="p-8 bg-sky-50 text-slate-800 text-base">
     <div class="mb-8">
-      <h1 class="text-3xl font-bold inline">Dashboard</h1>
-      <span class="ml-2 text-sm text-slate-500"
+      <h1 class="text-3xl font-bold inline mr-2">Dashboard</h1>
+      <span class="ml-0.5 text-sm text-slate-500 whitespace-nowrap"
         >last update:
         <span data-reltime="{{ now | date `2006-01-02T15:04:05Z07:00` }}"
           >{{ now | date `02 Jan 2006 15:04:05 MST` }}</span

diff --git a/pkg/dashboard/assets/styles.css b/pkg/dashboard/assets/styles.css
@@ -618,10 +618,6 @@ td {
   position: absolute;
 }
 
-.float-right {
-  float: right;
-}
-
 .mx-auto {
   margin-left: auto;
   margin-right: auto;
@@ -631,6 +627,10 @@ td {
   margin-bottom: 2rem;
 }
 
+.ml-2 {
+  margin-left: 0.5rem;
+}
+
 .ml-1 {
   margin-left: 0.25rem;
 }
@@ -643,8 +643,16 @@ td {
   margin-right: 0.375rem;
 }
 
-.ml-2 {
-  margin-left: 0.5rem;
+.mr-2 {
+  margin-right: 0.5rem;
+}
+
+.ml-0\.5 {
+  margin-left: 0.125rem;
+}
+
+.ml-0 {
+  margin-left: 0px;
 }
 
 .inline-block {
@@ -655,10 +663,6 @@ td {
   display: inline;
 }
 
-.flex {
-  display: flex;
-}
-
 .table {
   display: table;
 }
@@ -675,22 +679,6 @@ td {
   width: 16.666667%;
 }
 
-.w-10 {
-  width: 2.5rem;
-}
-
-.w-20 {
-  width: 5rem;
-}
-
-.w-40 {
-  width: 10rem;
-}
-
-.w-32 {
-  width: 8rem;
-}
-
 .min-w-\[10rem\] {
   min-width: 10rem;
 }
@@ -718,22 +706,6 @@ td {
           animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
 }
 
-.items-end {
-  align-items: flex-end;
-}
-
-.items-center {
-  align-items: center;
-}
-
-.items-baseline {
-  align-items: baseline;
-}
-
-.justify-between {
-  justify-content: space-between;
-}
-
 .space-y-4 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
@@ -746,6 +718,10 @@ td {
   white-space: nowrap;
 }
 
+.whitespace-nowrap {
+  white-space: nowrap;
+}
+
 .rounded {
   border-radius: 0.25rem;
 }
@@ -844,16 +820,16 @@ td {
   line-height: 2.25rem;
 }
 
-.text-xl {
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-}
-
 .text-sm {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
 
+.text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+
 .text-xs {
   font-size: 0.75rem;
   line-height: 1rem;
@@ -891,11 +867,6 @@ td {
   color: rgb(12 74 110 / var(--tw-text-opacity));
 }
 
-.text-gray-500 {
-  --tw-text-opacity: 1;
-  color: rgb(107 114 128 / var(--tw-text-opacity));
-}
-
 .underline {
   -webkit-text-decoration-line: underline;
           text-decoration-line: underline;