vue-kaspa-cli 0.1.10 → 0.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/templates/nuxt/app/app.vue +6 -1
  3. package/templates/nuxt/app/components/KaspaStatus.vue +2 -22
  4. package/templates/vue/src/components/KaspaStatus.vue +2 -20
  5. package/templates/vue/src/style.css +6 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vue-kaspa-cli",
3
- "version": "0.1.10",
3
+ "version": "0.1.11",
4
4
  "type": "module",
5
5
  "description": "Scaffold a Vue 3 or Nuxt app wired to the Kaspa blockchain",
6
6
  "license": "MIT",
package/templates/nuxt/app/app.vue CHANGED
@@ -31,7 +31,12 @@
31
31
  body {
32
32
  margin: 0;
33
33
  min-height: 100vh;
34
- background: var(--ks-surface);
34
+ background:
35
+ radial-gradient(ellipse 60% 55% at 8% 100%, rgba(73, 197, 163, .32) 0%, transparent 55%),
36
+ radial-gradient(ellipse 60% 55% at 92% 100%, rgba(73, 197, 163, .32) 0%, transparent 55%),
37
+ radial-gradient(ellipse 80% 28% at 50% 100%, rgba(73, 197, 163, .18) 0%, transparent 60%),
38
+ var(--ks-surface);
39
+ background-attachment: fixed;
35
40
  color: var(--ks-text);
36
41
  font-family: Inter, system-ui, -apple-system, sans-serif;
37
42
  }
package/templates/nuxt/app/components/KaspaStatus.vue CHANGED
@@ -105,9 +105,8 @@ onUnmounted(() => window.removeEventListener('mousemove', onMouseMove))
105
105
  </nav>
106
106
  </header>
107
107
 
108
- <!-- Gradient + bento grid -->
109
- <div class="ks-grid-wrap">
110
- <div ref="bento" class="ks-grid">
108
+ <!-- Bento grid -->
109
+ <div ref="bento" class="ks-grid">
111
110
 
112
111
  <!-- Network card: col 1–2, row 1–3 -->
113
112
  <div data-shine class="ks-shine ks-net-shine">
@@ -167,7 +166,6 @@ onUnmounted(() => window.removeEventListener('mousemove', onMouseMove))
167
166
  </a>
168
167
 
169
168
  </div>
170
- </div>
171
169
  </div>
172
170
  </template>
173
171
 
@@ -201,29 +199,11 @@ onUnmounted(() => window.removeEventListener('mousemove', onMouseMove))
201
199
  }
202
200
  .ks-icon-btn:hover { color: var(--ks-heading); background: var(--ks-border); }
203
201
 
204
- /* Grid wrap + U-shaped gradient backdrop */
205
- .ks-grid-wrap {
206
- position: relative;
207
- }
208
- .ks-grid-wrap::before {
209
- content: '';
210
- position: absolute;
211
- inset: 0 -20px -28px;
212
- z-index: 0;
213
- pointer-events: none;
214
- background:
215
- radial-gradient(ellipse 55% 65% at 8% 100%, rgba(73, 197, 163, .38) 0%, transparent 55%),
216
- radial-gradient(ellipse 55% 65% at 92% 100%, rgba(73, 197, 163, .38) 0%, transparent 55%),
217
- radial-gradient(ellipse 85% 30% at 50% 100%, rgba(73, 197, 163, .22) 0%, transparent 60%);
218
- }
219
-
220
202
  /* Grid */
221
203
  .ks-grid {
222
204
  display: grid;
223
205
  grid-template-columns: repeat(3, 1fr);
224
206
  gap: .75rem;
225
- position: relative;
226
- z-index: 1;
227
207
  }
228
208
 
229
209
  /* Shine wrapper */
package/templates/vue/src/components/KaspaStatus.vue CHANGED
@@ -105,9 +105,8 @@ onUnmounted(() => window.removeEventListener('mousemove', onMouseMove))
105
105
  </nav>
106
106
  </header>
107
107
 
108
- <!-- Gradient + bento grid -->
109
- <div class="grid-wrap">
110
- <div ref="bento" class="grid">
108
+ <!-- Bento grid -->
109
+ <div ref="bento" class="grid">
111
110
 
112
111
  <!-- Network card: col 1–2, row 1–3 -->
113
112
  <div data-shine class="shine net-shine">
@@ -164,7 +163,6 @@ onUnmounted(() => window.removeEventListener('mousemove', onMouseMove))
164
163
  </a>
165
164
 
166
165
  </div>
167
- </div>
168
166
  </div>
169
167
  </template>
170
168
 
@@ -194,27 +192,11 @@ onUnmounted(() => window.removeEventListener('mousemove', onMouseMove))
194
192
  }
195
193
  .icon-btn:hover { color: var(--ks-heading); background: var(--ks-border); }
196
194
 
197
- /* Grid wrap + U-shaped gradient backdrop */
198
- .grid-wrap { position: relative; }
199
- .grid-wrap::before {
200
- content: '';
201
- position: absolute;
202
- inset: 0 -20px -28px;
203
- z-index: 0;
204
- pointer-events: none;
205
- background:
206
- radial-gradient(ellipse 55% 65% at 8% 100%, rgba(73, 197, 163, .38) 0%, transparent 55%),
207
- radial-gradient(ellipse 55% 65% at 92% 100%, rgba(73, 197, 163, .38) 0%, transparent 55%),
208
- radial-gradient(ellipse 85% 30% at 50% 100%, rgba(73, 197, 163, .22) 0%, transparent 60%);
209
- }
210
-
211
195
  /* Grid */
212
196
  .grid {
213
197
  display: grid;
214
198
  grid-template-columns: repeat(3, 1fr);
215
199
  gap: .75rem;
216
- position: relative;
217
- z-index: 1;
218
200
  }
219
201
 
220
202
  /* Shine wrapper */
package/templates/vue/src/style.css CHANGED
@@ -29,7 +29,12 @@ body {
29
29
  display: flex;
30
30
  align-items: center;
31
31
  justify-content: center;
32
- background: var(--ks-surface);
32
+ background:
33
+ radial-gradient(ellipse 60% 55% at 8% 100%, rgba(73, 197, 163, .32) 0%, transparent 55%),
34
+ radial-gradient(ellipse 60% 55% at 92% 100%, rgba(73, 197, 163, .32) 0%, transparent 55%),
35
+ radial-gradient(ellipse 80% 28% at 50% 100%, rgba(73, 197, 163, .18) 0%, transparent 60%),
36
+ var(--ks-surface);
37
+ background-attachment: fixed;
33
38
  color: var(--ks-text);
34
39
  font-family: Inter, system-ui, -apple-system, sans-serif;
35
40
  padding: 2rem 1.5rem;