style: 🎨 Use Logical Style properties to apply same styles based on Language Direction (dir)

2024-02-29 23:32:06 +03:00
parent 354da4bc56
commit adf910306b
20 changed files with 35 additions and 34 deletions
--- a/src/components/metrics/DatePickerForm.module.css
+++ b/src/components/metrics/DatePickerForm.module.css
@@ -14,9 +14,9 @@
 }

 .calendars > div + div {
-  margin-left: 20px;
-  padding-left: 20px;
-  border-left: 1px solid var(--base300);
+  margin-inline-start: 20px;
+  padding-inline-start: 20px;
+  border-inline-start: 1px solid var(--base300);
 }

 .filter {
@@ -41,7 +41,7 @@

  .calendars > div + div {
    padding: 0;
-    margin-left: 0;
+    margin-inline-start: 0;
    margin-top: 20px;
    border: 0;
  }