@claralight-design/abweb-navbar 0.1.3 → 0.1.4
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/NavHeader.module.css +5 -14
- package/NavHeader.tsx +0 -5
- package/package.json +1 -1
package/NavHeader.module.css
CHANGED
|
@@ -22,8 +22,8 @@
|
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
.inner {
|
|
25
|
-
width: calc(100%
|
|
26
|
-
max-width: calc(1200px
|
|
25
|
+
width: calc(100% + 32px);
|
|
26
|
+
max-width: calc(1200px + 32px);
|
|
27
27
|
position: relative;
|
|
28
28
|
display: grid;
|
|
29
29
|
grid-template-columns: auto minmax(0, 1fr) auto;
|
|
@@ -70,17 +70,6 @@
|
|
|
70
70
|
order: 3;
|
|
71
71
|
}
|
|
72
72
|
|
|
73
|
-
.right {
|
|
74
|
-
gap: 8px;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.rightSlot {
|
|
78
|
-
display: inline-flex;
|
|
79
|
-
align-items: center;
|
|
80
|
-
justify-content: center;
|
|
81
|
-
min-width: 0;
|
|
82
|
-
}
|
|
83
|
-
|
|
84
73
|
.centerColumn {
|
|
85
74
|
min-width: 0;
|
|
86
75
|
display: flex;
|
|
@@ -396,7 +385,8 @@
|
|
|
396
385
|
|
|
397
386
|
@media (max-width: 959px) {
|
|
398
387
|
.inner {
|
|
399
|
-
|
|
388
|
+
display: flex;
|
|
389
|
+
width: calc(100% - 14px);
|
|
400
390
|
}
|
|
401
391
|
|
|
402
392
|
.slide {
|
|
@@ -417,6 +407,7 @@
|
|
|
417
407
|
|
|
418
408
|
.centerColumn {
|
|
419
409
|
justify-content: center;
|
|
410
|
+
width: 100%;
|
|
420
411
|
}
|
|
421
412
|
}
|
|
422
413
|
|
package/NavHeader.tsx
CHANGED
|
@@ -30,7 +30,6 @@ export type NavHeaderProps = {
|
|
|
30
30
|
showHeaderBlur?: boolean
|
|
31
31
|
navItems?: NavHeaderItem[]
|
|
32
32
|
leftSlot?: React.ReactNode
|
|
33
|
-
rightSlot?: React.ReactNode
|
|
34
33
|
logo?: React.ReactNode
|
|
35
34
|
brandName?: string
|
|
36
35
|
homeHref?: string
|
|
@@ -158,7 +157,6 @@ const NavHeader: React.FC<NavHeaderProps> = ({
|
|
|
158
157
|
showHeaderBlur = true,
|
|
159
158
|
navItems = [],
|
|
160
159
|
leftSlot,
|
|
161
|
-
rightSlot,
|
|
162
160
|
logo,
|
|
163
161
|
brandName = 'Brand',
|
|
164
162
|
homeHref = '/',
|
|
@@ -315,9 +313,6 @@ const NavHeader: React.FC<NavHeaderProps> = ({
|
|
|
315
313
|
</nav>
|
|
316
314
|
)}
|
|
317
315
|
</div>
|
|
318
|
-
<div className={cx(styles.column, styles.right)}>
|
|
319
|
-
{rightSlot && <div className={styles.rightSlot}>{rightSlot}</div>}
|
|
320
|
-
</div>
|
|
321
316
|
</header>
|
|
322
317
|
</div>
|
|
323
318
|
)
|