phoenix_duskmoon 6.1.3 → 6.2.0

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/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ # [6.2.0](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/compare/v6.1.3...v6.2.0) (2025-02-12)
2
+
3
+
4
+ ### Features
5
+
6
+ * Add dm_navbar. ([a2f525d](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/commit/a2f525dafafc9f9b0b0262ea2ade213c7307d0a7))
7
+
1
8
  ## [6.1.3](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/compare/v6.1.2...v6.1.3) (2025-02-10)
2
9
 
3
10
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "phoenix_duskmoon",
3
- "version": "6.1.3",
3
+ "version": "6.2.0",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": "./priv/static/phoenix_duskmoon.js",
@@ -2270,12 +2270,31 @@
2270
2270
  font-size: var(--cardtitle-fs, 1.125rem);
2271
2271
  font-weight: 600;
2272
2272
  }
2273
+ .navbar {
2274
+ display: flex;
2275
+ width: 100%;
2276
+ align-items: center;
2277
+ padding: 0.5rem;
2278
+ min-height: 4rem;
2279
+ }
2273
2280
  .card-actions {
2274
2281
  display: flex;
2275
2282
  flex-wrap: wrap;
2276
2283
  align-items: flex-start;
2277
2284
  gap: calc(0.25rem * 2);
2278
2285
  }
2286
+ .navbar-end {
2287
+ display: inline-flex;
2288
+ align-items: center;
2289
+ width: 50%;
2290
+ justify-content: flex-end;
2291
+ }
2292
+ .navbar-start {
2293
+ display: inline-flex;
2294
+ align-items: center;
2295
+ width: 50%;
2296
+ justify-content: flex-start;
2297
+ }
2279
2298
  .tabs {
2280
2299
  display: flex;
2281
2300
  flex-wrap: wrap;
@@ -2284,6 +2303,11 @@
2284
2303
  height: var(--tabs-height);
2285
2304
  flex-direction: var(--tabs-direction);
2286
2305
  }
2306
+ .navbar-center {
2307
+ display: inline-flex;
2308
+ align-items: center;
2309
+ flex-shrink: 0;
2310
+ }
2287
2311
  .block {
2288
2312
  display: block;
2289
2313
  }