extracted common css for image-input-preview component

scify · Nov 13, 2024 · 7160029 · 7160029
1 parent 769a203
commit 7160029
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 28 deletions.
diff --git a/resources/assets/sass/common/image-input-preview.scss b/resources/assets/sass/common/image-input-preview.scss
@@ -0,0 +1,13 @@
+.input-file-wrapper {
+	overflow: hidden;
+}
+
+.image-preview-container {
+	text-align: center;
+
+	.selected-image-preview {
+		max-height: 200px;
+		max-width: 100%;
+		padding: 20px 0;
+	}
+}
diff --git a/resources/assets/sass/project/create-edit-project.scss b/resources/assets/sass/project/create-edit-project.scss
@@ -2,20 +2,7 @@
 @import "bs-stepper/dist/css/bs-stepper.min.css";
 @import "../variables";
 @import "../select2-custom";
-
-.input-file-wrapper {
-	overflow: hidden;
-}
-
-.image-preview-container {
-	text-align: center;
-
-	.selected-image-preview {
-		max-height: 200px;
-		max-width: 100%;
-		padding: 20px 0;
-	}
-}
+@import "../common/image-input-preview.scss";
 
 .box {
 	.row {

diff --git a/resources/assets/sass/project/problem/create-edit-problem.scss b/resources/assets/sass/project/problem/create-edit-problem.scss
@@ -1,15 +1,2 @@
 @import "../../variables";
-
-.input-file-wrapper {
-	overflow: hidden;
-}
-
-.image-preview-container {
-	text-align: center;
-
-	.selected-image-preview {
-		max-height: 200px;
-		max-width: 100%;
-		padding: 20px 0;
-	}
-}
+@import "../../common/image-input-preview.scss";