Native look (#1452)

* Committing any uncommitted changes * native look * Update screenpipe-app-tauri/app/globals.css Co-authored-by: hunny warisu <h3815273@gmail.com> --------- Co-authored-by: hunny warisu <h3815273@gmail.com>
mediar-ai · Feb 24, 2025 · 281be1d · 281be1d
1 parent aadc9be
commit 281be1d
Showing 1 changed file with 64 additions and 50 deletions.
diff --git a/screenpipe-app-tauri/app/globals.css b/screenpipe-app-tauri/app/globals.css
@@ -1,91 +1,91 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
- 
+
 @layer base {
   :root {
     --background: 0 0% 100%;
     --foreground: 240 10% 3.9%;
 
     --card: 0 0% 100%;
     --card-foreground: 240 10% 3.9%;
- 
+
     --popover: 0 0% 100%;
     --popover-foreground: 240 10% 3.9%;
- 
+
     --primary: 240 5.9% 10%;
     --primary-foreground: 0 0% 98%;
- 
+
     --secondary: 240 4.8% 95.9%;
     --secondary-foreground: 240 5.9% 10%;
- 
+
     --muted: 240 4.8% 95.9%;
     --muted-foreground: 240 3.8% 46.1%;
- 
+
     --accent: 240 4.8% 95.9%;
     --accent-foreground: 240 5.9% 10%;
- 
+
     --destructive: 0 84.2% 60.2%;
     --destructive-foreground: 0 0% 98%;
 
     --border: 240 5.9% 90%;
     --input: 240 5.9% 90%;
     --ring: 240 10% 3.9%;
- 
+
     --radius: 0.5rem;
- 
+
     --color-1: 0 100% 63%;
- 
+
     --color-2: 270 100% 63%;
- 
+
     --color-3: 210 100% 63%;
- 
+
     --color-4: 195 100% 63%;
- 
+
     --color-5: 90 100% 63%;
- 
+
     --sidebar-background: 0 0% 98%;
- 
+
     --sidebar-foreground: 240 5.3% 26.1%;
- 
+
     --sidebar-primary: 240 5.9% 10%;
- 
+
     --sidebar-primary-foreground: 0 0% 98%;
- 
+
     --sidebar-accent: 240 4.8% 95.9%;
- 
+
     --sidebar-accent-foreground: 240 5.9% 10%;
- 
+
     --sidebar-border: 220 13% 91%;
- 
+
     --sidebar-ring: 217.2 91.2% 59.8%;
   }
- 
+
   .dark {
     --background: 240 10% 3.9%;
     --foreground: 0 0% 98%;
- 
+
     --card: 240 10% 3.9%;
     --card-foreground: 0 0% 98%;
- 
+
     --popover: 240 10% 3.9%;
     --popover-foreground: 0 0% 98%;
- 
+
     --primary: 0 0% 98%;
     --primary-foreground: 240 5.9% 10%;
- 
+
     --secondary: 240 3.7% 15.9%;
     --secondary-foreground: 0 0% 98%;
- 
+
     --muted: 240 3.7% 15.9%;
     --muted-foreground: 240 5% 64.9%;
- 
+
     --accent: 240 3.7% 15.9%;
     --accent-foreground: 0 0% 98%;
- 
+
     --destructive: 0 62.8% 30.6%;
     --destructive-foreground: 0 0% 98%;
- 
+
     --border: 240 3.7% 15.9%;
     --input: 240 3.7% 15.9%;
     --ring: 240 4.9% 83.9%;
@@ -104,39 +104,53 @@
     --sidebar-ring: 217.2 91.2% 59.8%;
   }
 }
- 
+
 @layer base {
   * {
     @apply border-border;
   }
   body {
     @apply bg-background text-foreground !pointer-events-auto;
   }
+
+  *,
+  a,
+  button {
+    cursor: default;
+    user-select: none;
+  }
+  :not(input):not(textarea),
+  :not(input):not(textarea)::after,
+  :not(input):not(textarea)::before {
+    -webkit-user-select: none; /* Safari */
+    -moz-user-select: none;    /* Firefox */
+   -ms-user-select: none;     /* Internet Explorer/Edge */
+    user-select: none;
+    cursor: default;
+  }
 }
 
 .pf-v6-c-text-input-group__text-input {
   overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    position: relative;
-    width: 100%;
-  padding-block-end: 8px!important;
-  padding-block-start: 8px!important;
-  padding-bottom: 8px!important;
-  padding-inline-end: 16px!important;
-  padding-inline-start: 38px!important;
-  padding-left: 38px!important;
-  padding-right: 16px!important;
-  padding-top: 8px!important;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  position: relative;
+  width: 100%;
+  padding-block-end: 8px !important;
+  padding-block-start: 8px !important;
+  padding-bottom: 8px !important;
+  padding-inline-end: 16px !important;
+  padding-inline-start: 38px !important;
+  padding-left: 38px !important;
+  padding-right: 16px !important;
+  padding-top: 8px !important;
 }
 .pf-v6-c-text-input-group__text-input::placeholder {
-  padding-left: 20px!important;
+  padding-left: 20px !important;
 }
 .pf-v6-c-text-input-group__icon {
-  inset-block-start: 18.5px!important;
-  inset-inline-start: 16px!important;
-  line-height: 21px!important;
-  position: absolute!important;
+  inset-block-start: 18.5px !important;
+  inset-inline-start: 16px !important;
+  line-height: 21px !important;
+  position: absolute !important;
 }
-
-