Merge pull request #6 from javadurai/look_and_feel_change

Look and feel change
javadurai · Jul 19, 2023 · 5bbeded · 5bbeded
2 parents cc0a18e + c3c7b7a
commit 5bbeded
Show file tree

Hide file tree

Showing 6 changed files with 764 additions and 362 deletions.
diff --git a/css/print.css b/css/print.css
@@ -0,0 +1,14 @@
+body * {
+  visibility: hidden;
+}
+
+.container,
+.container * {
+  visibility: visible;
+}
+
+.container {
+  position: absolute;
+  left: 0;
+  top: 0;
+}
diff --git a/css/style.css b/css/style.css
@@ -22,7 +22,8 @@ input[type="number"],
 }
 
 .main-flex,
-.loan-calculation-header {
+.loan-calculation-header,
+.chart-container {
   display: flex;
   width: 100%;
 }
@@ -55,3 +56,54 @@ input[type="number"],
     max-width: 1140px;
   }
 }
+
+#bar-chart-container {
+  width: 68%;
+}
+
+#pie-chart-container {
+  width: 35%;
+}
+
+.form-range::-webkit-slider-thumb {
+  background-color: var(--bs-secondary);
+}
+
+.form-range::-moz-range-thumb {
+  background-color: var(--bs-secondary);
+}
+
+.form-range::-webkit-slider-runnable-track {
+  background: var(--bs-secondary);
+}
+
+.form-range::-moz-range-progress {
+  background: var(--bs-secondary);
+}
+
+.form-range::-moz-range-track {
+  background: lightgray;
+}
+
+.form-range-ticks {
+  display: flex;
+  justify-content: space-between;
+  padding: 0 10px;
+}
+
+.form-range-ticks p {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  text-align: center;
+  width: 0px;
+  background: #aaa;
+}
+
+.app-input {
+  width: 15rem;
+}
+
+#loan_start_date {
+  width: 3rem;
+}