فهرست منبع

tui: clearer graph labels and responsive layout for usage visualization

Improve readability of the usage graph y-axis label by spelling out
'Requests per 5 hour' instead of the abbreviated 'Requests/5h'. Fix
layout on smaller screens by removing negative margin that was
causing the graph to overflow its container.
David Hill 5 ماه پیش
والد
کامیت
cd3a09c6a7
2فایلهای تغییر یافته به همراه5 افزوده شده و 1 حذف شده
  1. 1 1
      packages/console/app/src/i18n/en.ts
  2. 4 0
      packages/console/app/src/routes/go/index.css

+ 1 - 1
packages/console/app/src/i18n/en.ts

@@ -260,7 +260,7 @@ export const dict = {
   "go.graph.free": "Free",
   "go.graph.freePill": "Big Pickle and promotional",
   "go.graph.go": "Go",
-  "go.graph.label": "Requests/5h",
+  "go.graph.label": "Requests per 5 hour",
   "go.graph.usageLimits": "Usage limits",
   "go.graph.tick": "{{n}}x",
   "go.graph.aria": "Requests per 5h: {{free}} vs {{go}}",

+ 4 - 0
packages/console/app/src/routes/go/index.css

@@ -453,6 +453,10 @@ body {
         width: 100%;
         margin: 0 auto;
         margin-left: -40px;
+
+        @media (max-width: 60rem) {
+          margin-left: 0;
+        }
       }
 
       [data-slot="ylabels"] {