From b9c159054aef805665d32eaef62ca2c709936a43 Mon Sep 17 00:00:00 2001 From: Naveed Azhar <134688534+imrofayel@users.noreply.github.com> Date: Thu, 26 Sep 2024 20:04:31 +0500 Subject: [PATCH 01/10] Update README.md --- README.md | 76 +------------------------------------------------------ 1 file changed, 1 insertion(+), 75 deletions(-) diff --git a/README.md b/README.md index f5db2a2..18b0a98 100644 --- a/README.md +++ b/README.md @@ -1,75 +1 @@ -# Nuxt 3 Minimal Starter - -Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more. - -## Setup - -Make sure to install the dependencies: - -```bash -# npm -npm install - -# pnpm -pnpm install - -# yarn -yarn install - -# bun -bun install -``` - -## Development Server - -Start the development server on `http://localhost:3000`: - -```bash -# npm -npm run dev - -# pnpm -pnpm run dev - -# yarn -yarn dev - -# bun -bun run dev -``` - -## Production - -Build the application for production: - -```bash -# npm -npm run build - -# pnpm -pnpm run build - -# yarn -yarn build - -# bun -bun run build -``` - -Locally preview production build: - -```bash -# npm -npm run preview - -# pnpm -pnpm run preview - -# yarn -yarn preview - -# bun -bun run preview -``` - -Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information. +Experimental Branch! From 5b7f4ed39295db2c259e84a0626597bce5b668f3 Mon Sep 17 00:00:00 2001 From: rofayels Date: Thu, 14 Nov 2024 14:55:15 +0500 Subject: [PATCH 02/10] --- components/editor.vue | 2 +- components/ui/SystemFonts.txt | 233 ---------------------------------- 2 files changed, 1 insertion(+), 234 deletions(-) delete mode 100644 components/ui/SystemFonts.txt diff --git a/components/editor.vue b/components/editor.vue index 2f2ae1b..5ad9f75 100644 --- a/components/editor.vue +++ b/components/editor.vue @@ -7,7 +7,7 @@
×
- diff --git a/components/ui/SystemFonts.txt b/components/ui/SystemFonts.txt deleted file mode 100644 index c39d3a9..0000000 --- a/components/ui/SystemFonts.txt +++ /dev/null @@ -1,233 +0,0 @@ - \ No newline at end of file From 55da7addced2df31b16a734c6d865621bf704d40 Mon Sep 17 00:00:00 2001 From: rofayels Date: Thu, 14 Nov 2024 14:55:39 +0500 Subject: [PATCH 03/10] --- components/editor.vue | 1 - 1 file changed, 1 deletion(-) diff --git a/components/editor.vue b/components/editor.vue index 5ad9f75..dcc31da 100644 --- a/components/editor.vue +++ b/components/editor.vue @@ -713,7 +713,6 @@ const replace = () => { const next = () => { editor.value?.commands.nextSearchResult(); - editor.value?.commands.emptyReplace() goToSelection(); }; From 05e2985103960dffa5ecb3268fedd29da160bad3 Mon Sep 17 00:00:00 2001 From: rofayels Date: Sun, 17 Nov 2024 20:30:42 +0500 Subject: [PATCH 04/10] Day 01 - Material Design --- assets/css/main.css | 111 ++++++++++++ components/editor.vue | 295 +++++++++++++++---------------- components/ui/bottomSheet.vue | 318 +++++++++++++++++++++++++++++++++ components/ui/popover.vue | 220 ----------------------- layouts/default.vue | 2 +- nuxt.config.ts | 9 +- package.json | 5 +- pages/index.vue | 29 +-- pnpm-lock.yaml | 322 +++++++++++++++++----------------- tailwind.config.js | 69 ++++++++ 10 files changed, 821 insertions(+), 559 deletions(-) create mode 100644 components/ui/bottomSheet.vue delete mode 100644 components/ui/popover.vue create mode 100644 tailwind.config.js diff --git a/assets/css/main.css b/assets/css/main.css index 25e66f3..cca2a3b 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1,3 +1,114 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +@layer base { + :root { + --primary: 149 41% 29%; /* rgb(44 106 70) */ + --surface-tint: 149 41% 29%; /* rgb(44 106 70) */ + --on-primary: 0 0% 100%; /* rgb(255 255 255) */ + --primary-container: 134 77% 82%; /* rgb(176 241 195) */ + --opaque: 128, 63%, 93%; + --on-primary-container: 149 100% 6%; /* rgb(0 33 15) */ + --secondary: 135 11% 35%; /* rgb(79 99 84) */ + --on-secondary: 0 0% 100%; /* rgb(255 255 255) */ + --secondary-container: 130 42% 86%; /* rgb(209 232 213) */ + --on-secondary-container: 141 44% 8%; /* rgb(12 31 19) */ + --tertiary: 193 31% 34%; /* rgb(59 100 112) */ + --on-tertiary: 0 0% 100%; /* rgb(255 255 255) */ + --tertiary-container: 195 82% 86%; /* rgb(190 234 247) */ + --on-tertiary-container: 195 100% 15%; /* rgb(0 31 38) */ + --error: 0 75% 42%; /* rgb(186 26 26) */ + --on-error: 0 0% 100%; /* rgb(255 255 255) */ + --error-container: 4 100% 92%; /* rgb(255 218 214) */ + --on-error-container: 357 100% 13%; /* rgb(65 0 2) */ + --background: 100 40% 97%; /* rgb(246 251 243) */ + --on-background: 140 9% 10%; /* rgb(24 29 25) */ + --surface: 98, 50%, 97%; /* rgb(246 251 243) */ + --on-surface: 140 9% 10%; /* rgb(24 29 25) */ + --surface-variant: 120 11% 88%; /* rgb(220 229 219) */ + --on-surface-variant: 120 6% 27%; /* rgb(65 73 66) */ + --outline: 120 3% 46%; /* rgb(113 121 113) */ + --outline-variant: 120 2% 77%; /* rgb(192 201 192) */ + --shadow: 0 0% 0%; /* rgb(0 0 0) */ + --scrim: 0 0% 0%; /* rgb(0 0 0) */ + --inverse-surface: 140 6% 18%; /* rgb(44 50 45) */ + --inverse-on-surface: 125 15% 94%; /* rgb(237 242 235) */ + --inverse-primary: 149 41% 29%; /* rgb(44 106 70) */ + --primary-fixed: 134 77% 82%; /* rgb(176 241 195) */ + --on-primary-fixed: 149 100% 6%; /* rgb(0 33 15) */ + --primary-fixed-dim: 134 47% 71%; /* rgb(148 213 168) */ + --on-primary-fixed-variant: 149 70% 19%; /* rgb(14 81 48) */ + --secondary-fixed: 130 42% 86%; /* rgb(209 232 213) */ + --on-secondary-fixed: 141 44% 8%; /* rgb(12 31 19) */ + --secondary-fixed-dim: 127 16% 76%; /* rgb(182 204 185) */ + --on-secondary-fixed-variant: 135 15% 25%; /* rgb(55 75 61) */ + --tertiary-fixed: 195 82% 86%; /* rgb(190 234 247) */ + --on-tertiary-fixed: 195 100% 15%; /* rgb(0 31 38) */ + --tertiary-fixed-dim: 195 37% 75%; /* rgb(163 205 219) */ + --on-tertiary-fixed-variant: 196 45% 24%; /* rgb(33 76 87) */ + --surface-dim: 105 5% 85%; /* rgb(214 219 212) */ + --surface-bright: 100 40% 97%; /* rgb(246 251 243) */ + --surface-container-lowest: 0 0% 100%; /* rgb(255 255 255) */ + --surface-container-low: 105 15% 95%; /* rgb(240 245 238) */ + --surface-container: 105 10% 92%; /* rgb(234 239 232) */ + --surface-container-high: 105 7% 90%; /* rgb(229 234 226) */ + --surface-container-highest: 105 5% 88%; /* rgb(223 228 221) */ + } + + .dark { + --primary: 134 47% 71%; /* rgb(148 213 168) */ + --surface-tint: 134 47% 71%; /* rgb(148 213 168) */ + --on-primary: 149 100% 11%; /* rgb(0 57 30) */ + --primary-container: 149 70% 19%; /* rgb(14 81 48) */ + --on-primary-container: 134 77% 82%; /* rgb(176 241 195) */ + --secondary: 127 16% 76%; /* rgb(182 204 185) */ + --on-secondary: 143 23% 17%; /* rgb(33 53 39) */ + --secondary-container: 135 15% 25%; /* rgb(55 75 61) */ + --on-secondary-container: 130 42% 86%; /* rgb(209 232 213) */ + --tertiary: 195 37% 75%; /* rgb(163 205 219) */ + --on-tertiary: 196 94% 13%; /* rgb(2 54 64) */ + --tertiary-container: 196 45% 24%; /* rgb(33 76 87) */ + --on-tertiary-container: 195 82% 86%; /* rgb(190 234 247) */ + --error: 0 100% 84%; /* rgb(255 180 171) */ + --on-error: 357 100% 21%; /* rgb(105 0 5) */ + --error-container: 357 100% 29%; /* rgb(147 0 10) */ + --on-error-container: 4 100% 92%; /* rgb(255 218 214) */ + --background: 140 17% 7%; /* rgb(15 21 17) */ + --on-background: 125 5% 88%; /* rgb(223 228 221) */ + --surface: 140 17% 7%; /* rgb(15 21 17) */ + --on-surface: 125 5% 88%; /* rgb(223 228 221) */ + --surface-variant: 120 6% 27%; /* rgb(65 73 66) */ + --on-surface-variant: 120 2% 77%; /* rgb(192 201 192) */ + --outline: 120 3% 56%; /* rgb(138 147 139) */ + --outline-variant: 120 6% 27%; /* rgb(65 73 66) */ + --shadow: 0 0% 0%; /* rgb(0 0 0) */ + --scrim: 0 0% 0%; /* rgb(0 0 0) */ + --inverse-surface: 125 5% 88%; /* rgb(223 228 221) */ + --inverse-on-surface: 140 6% 18%; /* rgb(44 50 45) */ + --inverse-primary: 149 41% 29%; /* rgb(44 106 70) */ + --primary-fixed: 134 77% 82%; /* rgb(176 241 195) */ + --on-primary-fixed: 149 100% 6%; /* rgb(0 33 15) */ + --primary-fixed-dim: 134 47% 71%; /* rgb(148 213 168) */ + --on-primary-fixed-variant: 149 70% 19%; /* rgb(14 81 48) */ + --secondary-fixed: 130 42% 86%; /* rgb(209 232 213) */ + --on-secondary-fixed: 141 44% 8%; /* rgb(12 31 19) */ + --secondary-fixed-dim: 127 16% 76%; /* rgb(182 204 185) */ + --on-secondary-fixed-variant: 135 15% 25%; /* rgb(55 75 61) */ + --tertiary-fixed: 195 82% 86%; /* rgb(190 234 247) */ + --on-tertiary-fixed: 195 100% 15%; /* rgb(0 31 38) */ + --tertiary-fixed-dim: 195 37% 75%; /* rgb(163 205 219) */ + --on-tertiary-fixed-variant: 196 45% 24%; /* rgb(33 76 87) */ + --surface-dim: 140 17% 7%; /* rgb(15 21 17) */ + --surface-bright: 140 5% 22%; /* rgb(53 59 54) */ + --surface-container-lowest: 140 20% 5%; /* rgb(10 15 12) */ + --surface-container-low: 140 9% 10%; /* rgb(24 29 25) */ + --surface-container: 140 8% 12%; /* rgb(28 33 29) */ + --surface-container-high: 140 5% 16%; /* rgb(38 43 39) */ + --surface-container-highest: 140 5% 20%; /* rgb(49 54 49) */ + } + } + @font-face { font-family: 'Gulzar Urdu'; src: url('/assets/fonts/Gulzar-Regular.ttf') format('truetype'); diff --git a/components/editor.vue b/components/editor.vue index dcc31da..0961d60 100644 --- a/components/editor.vue +++ b/components/editor.vue @@ -1,162 +1,151 @@ \ No newline at end of file diff --git a/nuxt.config.ts b/nuxt.config.ts index 2937c54..1bcd882 100644 --- a/nuxt.config.ts +++ b/nuxt.config.ts @@ -1,8 +1,10 @@ export default defineNuxtConfig({ // (optional) Enable the Nuxt devtools devtools: { enabled: true }, + // Enable SSG ssr: false, + // Enables the development server to be discoverable by other devices for mobile development telemetry: false, @@ -15,6 +17,7 @@ export default defineNuxtConfig({ }, devServer: { host: '0.0.0.0' }, + vite: { // Better support for Tauri CLI output clearScreen: false, @@ -35,7 +38,8 @@ export default defineNuxtConfig({ }, }, }, - modules: ['@nuxt/icon', '@nuxtjs/tailwindcss', '@nuxtjs/color-mode' ], - css: ['assets/css/main.css'] -}); + modules: ['@nuxt/icon', '@nuxtjs/tailwindcss', '@nuxtjs/color-mode' ], + css: ['assets/css/main.css'], + compatibilityDate: '2024-12-23' +}); \ No newline at end of file diff --git a/pages/index.vue b/pages/index.vue index 4772e35..968cbbf 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -1,26 +1,35 @@ @@ -41,20 +50,21 @@ } .tab-item { - max-height: 40px; /* Ensure tabs don't grow vertically */ + max-height: 40px; + /* Ensure tabs don't grow vertically */ } -.tab-title { +.tab-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - max-width: 180px; /* Adjust width limit as necessary */ + max-width: 180px; + /* Adjust width limit as necessary */ display: inline-block; vertical-align: middle; } -