update default media queries breakpoints

src/components/layout/sider.vue

@@ -42,7 +42,7 @@
             breakpoint: {
                 type: String,
                 validator (val) {
-                    return oneOf(val, ['xs', 'sm', 'md', 'lg', 'xl']);
+                    return oneOf(val, ['xs', 'sm', 'md', 'lg', 'xl', 'xxl']);
                 }
             },
             collapsible: {

src/styles/components/modal.less

@@ -123,7 +123,7 @@
     }
 }
 
-@media (max-width: 768px) {
+@media (max-width: @screen-sm) {
     .@{modal-prefix-cls} {
         width: auto !important;
         margin: 10px;

src/styles/components/scroll.less

@@ -61,7 +61,7 @@
 	}
 }
 
-@media (max-width: 768px) {
+@media (max-width: @screen-sm) {
 	.@{scroll-prefix-cls} {
 	}
 }

src/styles/custom.less

@@ -149,20 +149,30 @@
 @screen-xs-max          : (@screen-xs-min - 1);
 
 // Small screen / tablet
-@screen-sm              : 768px;
+@screen-sm              : 576px;
 @screen-sm-min          : @screen-sm;
 @screen-sm-max          : (@screen-sm-min - 1);
 
 // Medium screen / desktop
-@screen-md              : 992px;
+@screen-md              : 768px;
 @screen-md-min          : @screen-md;
 @screen-md-max          : (@screen-md-min - 1);
 
 // Large screen / wide desktop
-@screen-lg              : 1200px;
+@screen-lg              : 992px;
 @screen-lg-min          : @screen-lg;
 @screen-lg-max          : (@screen-lg-min - 1);
 
+// Extra large screen / full hd
+@screen-xl              : 1200px;
+@screen-xl-min          : @screen-xl;
+@screen-xl-max          : (@screen-xl-min - 1);
+
+// Extra extra large screen / large descktop
+@screen-xxl             : 1600px;
+@screen-xxl-min         : @screen-xxl;
+@screen-xxl-max         : (@screen-xxl-min - 1);
+
 // Z-index
 @zindex-spin            : 8;
 @zindex-affix           : 10;

src/utils/assist.js

@@ -306,10 +306,11 @@ export function removeClass(el, cls) {
 
 export const dimensionMap = {
     xs: '480px',
-    sm: '768px',
-    md: '992px',
-    lg: '1200px',
-    xl: '1600px',
+    sm: '576px',
+    md: '768px',
+    lg: '992px',
+    xl: '1200px',
+    xxl: '1600px',
 };
 
 export function setMatchMedia () {