'Form validation development'

2021-05-21 13:56:01 +03:00
parent 7695ce94b5
commit 1840d2aec5
5 changed files with 66 additions and 21 deletions
--- a/resources/assets/js/Wizard.vue
+++ b/resources/assets/js/Wizard.vue
@ -78,7 +78,28 @@ export default {
  flex-flow: row wrap;
 }

+.form-container .invalid-feedback {
+  position: absolute;
+  bottom: -18px;
+}
+
+.form-container .has-error {
+  position: relative;
+  margin-bottom:unset !important;
+}
+
+.form-container .has-error .form-control {
+  border-top-right-radius: 5px;
+  border-bottom-right-radius: 5px;
+  border-right:1px solid;
+}
+
@media screen and (max-width: 991px) {
+  .form-container .has-error {
+    position: relative;
+    margin-bottom:1.5rem !important;
+  }
+
  .current-tab-btn {
    padding: 0 15px;
  }