stellar-drive 1.2.31 → 1.2.32

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.
@@ -206,7 +206,7 @@ function generatePackageJson(opts) {
206
206
  },
207
207
  dependencies: {
208
208
  postgres: '^3.4.0',
209
- 'stellar-drive': '^1.2.31'
209
+ 'stellar-drive': '^1.2.32'
210
210
  },
211
211
  type: 'module'
212
212
  }, null, 2) + '\n');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "stellar-drive",
3
- "version": "1.2.31",
3
+ "version": "1.2.32",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",
@@ -106,24 +106,70 @@
106
106
  background: rgba(255, 255, 255, 0.28);
107
107
  }
108
108
 
109
- /* ── Mobile: full-width bar anchored to bottom ── */
109
+ /* ── Mobile: compact cinematic pill anchored above tab bar ── */
110
110
  @media (max-width: 767px) {
111
111
  .demo-banner {
112
- left: 0;
113
- right: 0;
114
- bottom: calc(var(--demo-banner-bottom, 0px) + env(safe-area-inset-bottom, 0px));
112
+ left: 1rem;
113
+ right: 1rem;
114
+ bottom: calc(var(--demo-banner-bottom, 0px) + env(safe-area-inset-bottom, 0px) + 0.5rem);
115
115
  transform: none;
116
- border-radius: 0;
117
- border-left: none;
118
- border-right: none;
119
- border-bottom: none;
120
- border-top: 1px solid rgba(255, 255, 255, 0.12);
121
- padding: 0.45rem 1rem;
122
- font-size: 0.78rem;
123
- gap: 0.6rem;
116
+ border-radius: 12px;
117
+ border: 1px solid rgba(212, 160, 57, 0.25);
118
+ padding: 0.5rem 0.85rem;
119
+ font-size: 0.75rem;
120
+ gap: 0.5rem;
124
121
  max-width: none;
125
122
  white-space: normal;
126
- animation: demo-banner-rise 0.3s cubic-bezier(0.16, 1, 0.3, 1);
123
+ flex-wrap: nowrap;
124
+ /* Obsidian glass with citrine shimmer */
125
+ background: linear-gradient(
126
+ 135deg,
127
+ rgba(14, 12, 8, 0.92) 0%,
128
+ rgba(22, 18, 10, 0.96) 100%
129
+ );
130
+ backdrop-filter: blur(24px) saturate(1.6);
131
+ -webkit-backdrop-filter: blur(24px) saturate(1.6);
132
+ box-shadow:
133
+ 0 8px 32px rgba(0, 0, 0, 0.5),
134
+ 0 0 0 0.5px rgba(212, 160, 57, 0.15),
135
+ inset 0 1px 0 rgba(212, 160, 57, 0.1);
136
+ animation: demo-banner-rise 0.35s cubic-bezier(0.16, 1, 0.3, 1);
137
+ }
138
+
139
+ .demo-banner-text {
140
+ color: rgba(240, 225, 190, 0.9);
141
+ font-size: 0.75rem;
142
+ font-weight: 500;
143
+ flex: 1;
144
+ min-width: 0;
145
+ }
146
+
147
+ .demo-banner-subtitle {
148
+ color: rgba(160, 130, 80, 0.75);
149
+ font-size: 0.7rem;
150
+ }
151
+
152
+ .demo-banner-link {
153
+ color: rgba(212, 160, 57, 0.9);
154
+ background: rgba(212, 160, 57, 0.1);
155
+ border-radius: 6px;
156
+ padding: 0.2rem 0.5rem;
157
+ font-size: 0.68rem;
158
+ font-weight: 600;
159
+ letter-spacing: 0.03em;
160
+ text-transform: uppercase;
161
+ border: 1px solid rgba(212, 160, 57, 0.2);
162
+ flex-shrink: 0;
163
+ white-space: nowrap;
164
+ }
165
+
166
+ .demo-banner-close {
167
+ background: rgba(255, 255, 255, 0.06);
168
+ color: rgba(212, 160, 57, 0.65);
169
+ border: 1px solid rgba(212, 160, 57, 0.12);
170
+ flex-shrink: 0;
171
+ width: 1.35rem;
172
+ height: 1.35rem;
127
173
  }
128
174
  }
129
175
 
@@ -94,7 +94,6 @@
94
94
  font-size: 0.78rem;
95
95
  gap: 0.5rem;
96
96
  max-width: none;
97
- white-space: normal;
98
97
  animation: offline-banner-drop 0.3s cubic-bezier(0.16, 1, 0.3, 1);
99
98
  }
100
99
  }