diff --git a/electron/main/icons/question-mark-button-icon--free-clip-art-30.png b/electron/main/icons/question-mark-button-icon--free-clip-art-30.png new file mode 100644 index 0000000..a0a52ef Binary files /dev/null and b/electron/main/icons/question-mark-button-icon--free-clip-art-30.png differ diff --git a/electron/main/index.html b/electron/main/index.html index 703ebe9..39ef14a 100644 --- a/electron/main/index.html +++ b/electron/main/index.html @@ -133,18 +133,25 @@
+
+ + +
+
+
+
diff --git a/electron/main/style.css b/electron/main/style.css index 0d6c781..ee73be1 100644 --- a/electron/main/style.css +++ b/electron/main/style.css @@ -186,6 +186,31 @@ input[type="file"] { gap: 5px; } +.figure1 { + position: relative; +} + +.img-hover1 { + position: absolute; + width: 200px; + height: 200px; + top: 0; + right: 40%; + left: 0; + bottom: 0; + object-fit: contain; + display: none; + transition: opacity .2s; +} + +.figure1:hover .img-hover1 { + display: flex; +} + +.img-icon { + width: 15px; + height: 15px; +} .submit-btn { display: flex; @@ -308,7 +333,8 @@ input[type="file"] { /*panels*/ .step { margin-top: 40px; - margin-bottom: 40px;; + margin-bottom: 40px; + ; display: flex; flex-direction: column; min-height: 425px;