docs: update breakpoints table

vuetifyjs · Apr 6, 2023 · fc4505a · fc4505a
1 parent ccd348a
commit fc4505a
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 19 deletions.
diff --git a/packages/docs/src/components/features/BreakpointsTable.vue b/packages/docs/src/components/features/BreakpointsTable.vue
@@ -35,15 +35,6 @@
       </tbody>
 
       <tfoot>
-        <tr>
-          <td
-            class="text-caption text-center text-medium-emphasis"
-            colspan="4"
-          >
-            <em>{{ t('breakpoints-table.footer', { size: '* -16px' }) }}</em>
-          </td>
-        </tr>
-
         <tr>
           <td
             class="text-end text-medium-emphasis"
@@ -97,21 +88,28 @@
       device: 'medium',
       code: 'md',
       type: 'breakpoints-table.large-tablet-to-laptop',
-      range: '960px > < 1264px*',
+      range: '960px > < 1280px',
     },
     {
-      icon: 'mdi-monitor',
+      icon: 'mdi-monitor-small',
       device: 'large',
       code: 'lg',
-      type: 'desktop',
-      range: '1264px > < 1904px*',
+      type: 'breakpoints-table.desktop',
+      range: '1280px > < 1920px',
     },
     {
-      icon: 'mdi-television',
+      icon: 'mdi-monitor',
       device: 'extra-large',
       code: 'xl',
       type: 'breakpoints-table.large-to-extra-large',
-      range: '> 1904px*',
+      range: '1920px > < 2560px',
+    },
+    {
+      icon: 'mdi-monitor-screenshot',
+      device: 'extra-extra-large',
+      code: 'xxl',
+      type: 'breakpoints-table.extra-large-to-extra-extra-large',
+      range: '> 2560px',
     },
   ]
 

diff --git a/packages/docs/src/i18n/messages/en.json b/packages/docs/src/i18n/messages/en.json
@@ -26,11 +26,12 @@
   "become-a-sponsor": "Become a sponsor",
   "breakpoints-table": {
     "caption": "Material Design Breakpoints",
-    "footer": "{size} on desktop for browser scrollbar",
-    "large-tablet-to-laptop": "Large tablet to laptop",
-    "large-to-extra-large": "4k and ultra-wide",
     "small-to-large-handset": "Small to large phone",
     "small-to-medium-tablet": "Small to medium tablet",
+    "large-tablet-to-laptop": "Large tablet to laptop",
+    "desktop": "Laptop to desktop",
+    "large-to-extra-large": "1080p to 1440p desktop",
+    "extra-large-to-extra-extra-large": "4k and ultra-wide",
     "spec": "Specification"
   },
   "breakpoints": "Breakpoints",
@@ -70,7 +71,6 @@
   "data-tables": "Data tables",
   "data-and-display": "Data & display",
   "grids": "Grids",
-  "desktop": "Desktop",
   "details": "Details",
   "device": "Device",
   "direction": "Direction",
@@ -91,6 +91,7 @@
   "edit": "Edit",
   "enterprise": "Enterprise",
   "email-address": "Email address",
+  "extra-extra-large": "Extra extra large",
   "extra-large": "Extra large",
   "extra-small": "Extra small",
   "feature-guides": "Feature guides",