print added

src/app/[locale]/globals.css

@@ -1,33 +1,33 @@
 :root {
-  --app-height: 100%;
+    --app-height: 100%;
 }
 
 html {
-  box-sizing: border-box;
-  scroll-behavior: smooth;
-  font-size: 16px;
+    box-sizing: border-box;
+    scroll-behavior: smooth;
+    font-size: 16px;
 }
 
 body {
-  margin: 0;
-  padding: 0;
-  font-weight: 400;
-  font-size: 1rem;
-  font-style: normal;
-  background-color: #fff;
-  color: #555351;
-  font-family: "Inter", "Arial", sans-serif !important;
-  overflow-x: hidden;
+    margin: 0;
+    padding: 0;
+    font-weight: 400;
+    font-size: 1rem;
+    font-style: normal;
+    background-color: #fff;
+    color: #555351;
+    font-family: 'Inter', 'Arial', sans-serif !important;
+    overflow-x: hidden;
 }
 
 .dashboard-layout {
-  font-family: 'SF Pro Display', sans-serif !important;
+    font-family: 'SF Pro Display', sans-serif !important;
 }
 
 *,
 *::after,
 *::before {
-  box-sizing: inherit;
+    box-sizing: inherit;
 }
 
 /* *:focus-visible {
@@ -36,47 +36,55 @@ body {
 } */
 
 .visually-hidden {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  margin: -1px;
-  border: 0;
-  padding: 0;
-  clip: rect(0 0 0 0);
-  overflow: hidden;
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    border: 0;
+    padding: 0;
+    clip: rect(0 0 0 0);
+    overflow: hidden;
 }
 
 .no-select {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
 }
 
 @keyframes spin {
-  0% {
-      transform: rotate(0deg);
-  }
-  100% {
-      transform: rotate(360deg);
-  }
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
 }
 
 /* -------------------------- Number input ni chiziqchalarini ko'rsatmaslik ------------------ */
 /* Chrome, Safari, Edge, Opera */
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
+    -webkit-appearance: none;
+    margin: 0;
 }
 
 /* Firefox */
 input[type='number'] {
-  -moz-appearance: textfield;
+    -moz-appearance: textfield;
 }
 
-.brd {
-  border: 1px solid red !important;
-}
+.printContent {
+    display: none;
+
+    @media print {
+        @page {
+            size: 10mm 10mm;
+            margin: 0;
+        }
+        display: block;
+    }
+}