rimelight-components 2.1.28 → 2.1.30
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/dist/module.json +1 -1
- package/dist/module.mjs +1 -1
- package/dist/runtime/components/app/Footer.d.vue.ts +1 -0
- package/dist/runtime/components/app/Footer.vue +14 -6
- package/dist/runtime/components/app/Footer.vue.d.ts +1 -0
- package/dist/runtime/components/app/Header.vue +6 -6
- package/package.json +1 -1
package/dist/module.json
CHANGED
package/dist/module.mjs
CHANGED
|
@@ -4,7 +4,7 @@ import { readdirSync } from 'node:fs';
|
|
|
4
4
|
import { basename } from 'node:path';
|
|
5
5
|
|
|
6
6
|
const name = "rimelight-components";
|
|
7
|
-
const version = "2.1.
|
|
7
|
+
const version = "2.1.30";
|
|
8
8
|
const homepage = "https://rimelight.com/tools/rimelight-components";
|
|
9
9
|
|
|
10
10
|
const defaultOptions = {
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
<script setup>
|
|
2
2
|
import { tv } from "../../internal/tv";
|
|
3
3
|
import { useRC } from "../../composables/useRC";
|
|
4
|
-
const { rc: rcProp } = defineProps({
|
|
4
|
+
const { contain = true, rc: rcProp } = defineProps({
|
|
5
|
+
contain: { type: Boolean, required: false },
|
|
5
6
|
rc: { type: Object, required: false }
|
|
6
7
|
});
|
|
7
8
|
const emit = defineEmits([]);
|
|
@@ -10,13 +11,20 @@ const { rc } = useRC("Footer", rcProp);
|
|
|
10
11
|
const footerStyles = tv({
|
|
11
12
|
slots: {
|
|
12
13
|
root: "py-8 lg:py-12",
|
|
13
|
-
container: "flex flex-col justify-between gap-xl lg:flex-row",
|
|
14
|
-
left: "order-last flex flex-col items-center justify-between gap-xl lg:order-1 lg:items-start",
|
|
15
|
-
center: "flex flex-col items-
|
|
16
|
-
right: "order-first flex flex-col items-center justify-between gap-xl lg:order-3 lg:flex-
|
|
14
|
+
container: "flex flex-col justify-between gap-xl lg:flex-row lg:items-stretch",
|
|
15
|
+
left: "order-last flex flex-col items-center justify-between gap-xl lg:order-1 lg:flex-none lg:items-start",
|
|
16
|
+
center: "flex flex-col items-center justify-center lg:order-2 lg:flex-1",
|
|
17
|
+
right: "order-first flex flex-col items-center justify-between gap-xl lg:order-3 lg:flex-none lg:items-end"
|
|
18
|
+
},
|
|
19
|
+
variants: {
|
|
20
|
+
contain: {
|
|
21
|
+
false: {
|
|
22
|
+
container: "max-w-none"
|
|
23
|
+
}
|
|
24
|
+
}
|
|
17
25
|
}
|
|
18
26
|
});
|
|
19
|
-
const { root, container, left, center, right } = footerStyles();
|
|
27
|
+
const { root, container, left, center, right } = footerStyles({ contain });
|
|
20
28
|
</script>
|
|
21
29
|
|
|
22
30
|
<template>
|
|
@@ -12,12 +12,12 @@ const headerStyles = tv({
|
|
|
12
12
|
slots: {
|
|
13
13
|
root: "h-(--ui-header-height)",
|
|
14
14
|
container: "h-full flex flex-row items-center p-sm",
|
|
15
|
-
left: "hidden lg:flex flex-
|
|
16
|
-
center: "hidden lg:flex flex-
|
|
17
|
-
right: "hidden lg:flex flex-
|
|
18
|
-
collapsedLeft: "lg:hidden flex-
|
|
19
|
-
collapsedCenter: "lg:hidden flex-
|
|
20
|
-
collapsedRight: "lg:hidden flex-
|
|
15
|
+
left: "hidden lg:flex flex-none items-center justify-start",
|
|
16
|
+
center: "hidden lg:flex flex-1 items-center justify-center",
|
|
17
|
+
right: "hidden lg:flex flex-none items-center justify-end",
|
|
18
|
+
collapsedLeft: "flex lg:hidden flex-none items-center justify-start",
|
|
19
|
+
collapsedCenter: "flex lg:hidden flex-1 items-center justify-center",
|
|
20
|
+
collapsedRight: "flex lg:hidden flex-none items-center justify-end"
|
|
21
21
|
},
|
|
22
22
|
variants: {
|
|
23
23
|
contain: {
|