feat: (ErrorBlock) add --image-width --image-width-full-page

wakeGISer · Oct 20, 2021 · 1103d44 · 1103d44
1 parent d43c3ee
commit 1103d44
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/src/components/error-block/error-block.less b/src/components/error-block/error-block.less
@@ -4,11 +4,16 @@
   --color: var(--adm-color-text);
   --image-height: 100px;
   --image-height-full-page: 200px;
+  --image-width: auto;
+  --image-width-full-page: auto;
+
   box-sizing: border-box;
   text-align: center;
 
   &-image {
     height: var(--image-height);
+    width: var(--image-width);
+    max-width: 100%;
 
     & img {
       height: 100%;
@@ -36,6 +41,7 @@
     padding-top: calc(50vh - var(--image-height-full-page));
     .@{class-prefix-error-block}-image {
       height: var(--image-height-full-page);
+      width: var(--image-width-full-page);
     }
     .@{class-prefix-error-block}-description {
       margin-top: 20px;

diff --git a/src/components/error-block/index.en.md b/src/components/error-block/index.en.md
@@ -20,5 +20,7 @@
 
 | Name                     | Description                            | Default |
 | ------------------------ | -------------------------------------- | ------- |
-| --image-height           | Height of the image.                   | `100px` |
+| --image-height           | Height of the image                    | `100px` |
 | --image-height-full-page | Height of the image in `fullPage` mode | `200px` |
+| --image-width            | Width of the image                     | `auto`  |
+| --image-width-full-page  | Width of the image in `fullPage` mode  | `auto`  |
diff --git a/src/components/error-block/index.zh.md b/src/components/error-block/index.zh.md
@@ -22,3 +22,5 @@
 | ------------------------ | -------------------- | ------- |
 | --image-height           | 图片的高度           | `100px` |
 | --image-height-full-page | 整页模式下的图片高度 | `200px` |
+| --image-width            | 图片的宽度           | `auto`  |
+| --image-width-full-page  | 整页模式下的图片宽度 | `auto`  |