diff --git a/.vscode/launch.json b/.vscode/launch.json new file mode 100644 index 00000000..9c243a03 --- /dev/null +++ b/.vscode/launch.json @@ -0,0 +1,15 @@ +{ + // Use IntelliSense to learn about possible attributes. + // Hover to view descriptions of existing attributes. + // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 + "version": "0.2.0", + "configurations": [ + { + "type": "chrome", + "request": "launch", + "name": "Launch Chrome against localhost", + "url": "http://localhost:3000", + "webRoot": "${workspaceFolder}" + } + ] +} \ No newline at end of file diff --git a/README.md b/README.md index 9dc0e298..848a0a2f 100644 --- a/README.md +++ b/README.md @@ -95,3 +95,24 @@ The basic git workflow follows these steps: - Example: `feat: add new feature` 4. Push your changes to `dev` 5. Create a pull request from `dev` to `main` +ini yang pakai reka tadi (kemajuan wkwkw) +{ + "$schema": "https://shadcn-vue.com/schema.json", + "style": "new-york", + "typescript": true, + "tailwind": { + "config": "", + "css": "app/assets/css/tailwind.css", + "baseColor": "neutral", + "cssVariables": true, + "prefix": "" + }, + "aliases": { + "components": "~/components/pub", + "composables": "~/composables", + "utils": "~/lib/utils", + "ui": "~/components/pub/ui", + "lib": "~/lib" + }, + "iconLibrary": "lucide" +} diff --git a/app/assets/css/main.css b/app/assets/css/main.css index eb54a75e..1c7eaef2 100644 --- a/app/assets/css/main.css +++ b/app/assets/css/main.css @@ -21,9 +21,9 @@ --muted: 210 25% 95%; --muted-foreground: 210 15% 50%; - /* Accent - Professional Blue */ - --accent: 210 100% 50%; - --accent-foreground: 0 0% 100%; + /* Accent - Neutral Gray */ + --accent: 210 40% 96%; + --accent-foreground: 222.2 84% 4.9%; --destructive: 0 75% 55%; --destructive-foreground: 0 0% 100%; --border: 210 20% 88%; @@ -67,45 +67,43 @@ --sidebar-accent-foreground: 240 5.9% 10%; --sidebar-border: 220 13% 91%; --sidebar-ring: 217.2 91.2% 59.8%; + /* .dark { */ + /* --background: 210 25% 8%; */ + /* --foreground: 210 20% 95%; */ + /* --card: 210 25% 10%; */ + /* --card-foreground: 210 20% 95%; */ + /* --popover: 210 25% 10%; */ + /* --popover-foreground: 210 20% 95%; */ + /* --primary: 150 75% 45%; */ + /* --primary-foreground: 0 0% 100%; */ + /* --primary-hover: 150 75% 50%; */ + /* --secondary: 210 25% 15%; */ + /* --secondary-foreground: 210 20% 90%; */ + /* --muted: 210 25% 15%; */ + /* --muted-foreground: 210 15% 65%; */ + /* --accent: 210 100% 55%; */ + /* --accent-foreground: 0 0% 100%; */ + /* --destructive: 0 75% 60%; */ + /* --destructive-foreground: 0 0% 100%; */ + /* --border: 210 25% 20%; */ + /* --input: 210 25% 15%; */ + /* --ring: 150 75% 45%; */ + /* --success: 150 75% 50%; */ + /* --warning: 45 95% 65%; */ + /* --info: 210 100% 60%; */ + /* --gradient-primary: linear-gradient(135deg, hsl(150 75% 45%), hsl(150 75% 55%)); */ + /* --gradient-medical: linear-gradient(135deg, hsl(150 75% 45%), hsl(210 100% 55%)); */ + /* --gradient-subtle: linear-gradient(180deg, hsl(210 25% 8%), hsl(210 25% 12%)); */ + /* --sidebar-background: 240 5.9% 10%; */ + /* --sidebar-foreground: 240 4.8% 95.9%; */ + /* --sidebar-primary: 224.3 76.3% 48%; */ + /* --sidebar-primary-foreground: 0 0% 100%; */ + /* --sidebar-accent: 240 3.7% 15.9%; */ + /* --sidebar-accent-foreground: 240 4.8% 95.9%; */ + /* --sidebar-border: 240 3.7% 15.9%; */ + /* --sidebar-ring: 217.2 91.2% 59.8%; */ } -/* .dark { */ -/* --background: 210 25% 8%; */ -/* --foreground: 210 20% 95%; */ -/* --card: 210 25% 10%; */ -/* --card-foreground: 210 20% 95%; */ -/* --popover: 210 25% 10%; */ -/* --popover-foreground: 210 20% 95%; */ -/* --primary: 150 75% 45%; */ -/* --primary-foreground: 0 0% 100%; */ -/* --primary-hover: 150 75% 50%; */ -/* --secondary: 210 25% 15%; */ -/* --secondary-foreground: 210 20% 90%; */ -/* --muted: 210 25% 15%; */ -/* --muted-foreground: 210 15% 65%; */ -/* --accent: 210 100% 55%; */ -/* --accent-foreground: 0 0% 100%; */ -/* --destructive: 0 75% 60%; */ -/* --destructive-foreground: 0 0% 100%; */ -/* --border: 210 25% 20%; */ -/* --input: 210 25% 15%; */ -/* --ring: 150 75% 45%; */ -/* --success: 150 75% 50%; */ -/* --warning: 45 95% 65%; */ -/* --info: 210 100% 60%; */ -/* --gradient-primary: linear-gradient(135deg, hsl(150 75% 45%), hsl(150 75% 55%)); */ -/* --gradient-medical: linear-gradient(135deg, hsl(150 75% 45%), hsl(210 100% 55%)); */ -/* --gradient-subtle: linear-gradient(180deg, hsl(210 25% 8%), hsl(210 25% 12%)); */ -/* --sidebar-background: 240 5.9% 10%; */ -/* --sidebar-foreground: 240 4.8% 95.9%; */ -/* --sidebar-primary: 224.3 76.3% 48%; */ -/* --sidebar-primary-foreground: 0 0% 100%; */ -/* --sidebar-accent: 240 3.7% 15.9%; */ -/* --sidebar-accent-foreground: 240 4.8% 95.9%; */ -/* --sidebar-border: 240 3.7% 15.9%; */ -/* --sidebar-ring: 217.2 91.2% 59.8%; */ -/* } */ - /* Keyframes for Animations */ @keyframes accordion-down { from { diff --git a/app/components/app/satusehat/picker.vue b/app/components/app/satusehat/picker.vue index 3ffaf77f..29f282d7 100644 --- a/app/components/app/satusehat/picker.vue +++ b/app/components/app/satusehat/picker.vue @@ -1,260 +1,51 @@