@commonpub/layer 0.1.1 → 0.1.3

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@commonpub/layer",
3
- "version": "0.1.1",
3
+ "version": "0.1.3",
4
4
  "type": "module",
5
5
  "main": "./nuxt.config.ts",
6
6
  "files": [
@@ -45,15 +45,15 @@
45
45
  "vue": "^3.4.0",
46
46
  "vue-router": "^4.3.0",
47
47
  "zod": "^4.3.6",
48
- "@commonpub/schema": "0.8.7",
49
48
  "@commonpub/config": "0.7.0",
49
+ "@commonpub/docs": "0.5.0",
50
50
  "@commonpub/auth": "0.5.0",
51
- "@commonpub/learning": "0.5.0",
52
51
  "@commonpub/editor": "0.5.0",
53
- "@commonpub/docs": "0.5.0",
52
+ "@commonpub/learning": "0.5.0",
54
53
  "@commonpub/server": "2.6.0",
55
54
  "@commonpub/protocol": "0.9.3",
56
- "@commonpub/ui": "0.7.1"
55
+ "@commonpub/ui": "0.7.1",
56
+ "@commonpub/schema": "0.8.7"
57
57
  },
58
58
  "scripts": {}
59
59
  }
@@ -24,7 +24,7 @@ function hubLink(hub: Record<string, unknown>): string {
24
24
  <div class="cpub-hubs-header">
25
25
  <div>
26
26
  <h1 class="cpub-hubs-title">Hubs</h1>
27
- <p class="cpub-hubs-desc">Communities, products, and companies on CommonPub</p>
27
+ <p class="cpub-hubs-desc">Communities, products, and companies on {{ useSiteName() }}</p>
28
28
  </div>
29
29
  <NuxtLink v-if="isAuthenticated" to="/hubs/create" class="cpub-btn cpub-btn-primary">
30
30
  <i class="fa-solid fa-plus"></i> Create Hub
@@ -91,8 +91,8 @@ function hubLink(hub: Record<string, unknown>): string {
91
91
 
92
92
  .cpub-hubs-grid {
93
93
  display: grid;
94
- grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
95
- gap: 16px;
94
+ grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
95
+ gap: 20px;
96
96
  }
97
97
 
98
98
  .cpub-hub-card {
@@ -101,18 +101,17 @@ function hubLink(hub: Record<string, unknown>): string {
101
101
  overflow: hidden;
102
102
  text-decoration: none;
103
103
  color: inherit;
104
- transition: box-shadow 0.15s, border-color 0.15s;
105
- box-shadow: var(--shadow-md);
104
+ transition: box-shadow 0.15s, border-color 0.15s, transform 0.15s;
106
105
  }
107
106
 
108
107
  .cpub-hub-card:hover {
109
- box-shadow: var(--shadow-lg);
110
- border-color: var(--accent-border);
108
+ border-color: var(--accent);
109
+ transform: translateY(-2px);
111
110
  }
112
111
 
113
112
  .cpub-hub-card-banner {
114
- height: 80px;
115
- background: linear-gradient(135deg, var(--accent), var(--accent-border));
113
+ height: 72px;
114
+ background: linear-gradient(135deg, var(--surface2) 0%, var(--accent-bg-strong) 100%);
116
115
  background-size: cover;
117
116
  background-position: center;
118
117
  position: relative;
@@ -120,25 +119,29 @@ function hubLink(hub: Record<string, unknown>): string {
120
119
 
121
120
  .cpub-hub-card-icon {
122
121
  position: absolute;
123
- bottom: -20px;
124
- left: 18px;
125
- width: 48px;
126
- height: 48px;
122
+ bottom: -18px;
123
+ left: 16px;
124
+ width: 44px;
125
+ height: 44px;
127
126
  display: flex;
128
127
  align-items: center;
129
128
  justify-content: center;
130
129
  background: var(--surface);
131
- border: var(--border-width-default) solid var(--surface);
130
+ border: var(--border-width-default) solid var(--border);
132
131
  color: var(--accent);
133
- font-size: 20px;
132
+ font-size: 18px;
134
133
  overflow: hidden;
135
- box-shadow: var(--shadow-sm);
136
134
  }
137
135
 
138
136
  .cpub-hub-card-avatar { width: 100%; height: 100%; object-fit: cover; }
139
137
 
140
138
  .cpub-hub-card-body {
141
- padding: 28px 18px 18px;
139
+ padding: 24px 16px 16px;
140
+ }
141
+
142
+ /* Reset borders on all card body children — prevent theme bleed */
143
+ .cpub-hub-card-body > * {
144
+ border: none;
142
145
  }
143
146
 
144
147
  .cpub-hub-card-name-row {
@@ -166,6 +169,8 @@ function hubLink(hub: Record<string, unknown>): string {
166
169
  display: flex;
167
170
  align-items: center;
168
171
  gap: 14px;
172
+ padding-top: 10px;
173
+ border-top: 1px solid var(--border2);
169
174
  }
170
175
 
171
176
  .cpub-hub-card-stat {
@@ -185,7 +190,7 @@ function hubLink(hub: Record<string, unknown>): string {
185
190
  letter-spacing: 0.08em;
186
191
  color: var(--accent);
187
192
  background: var(--accent-bg);
188
- border: var(--border-width-default) solid var(--accent-border);
193
+ border: 1px solid var(--accent-border);
189
194
  padding: 2px 6px;
190
195
  }
191
196
 
@@ -0,0 +1,4 @@
1
+ declare module 'isomorphic-dompurify' {
2
+ import DOMPurify from 'dompurify';
3
+ export default DOMPurify;
4
+ }