@yakad/ui 1.2.95-beta → 1.2.97-beta
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/appBar/appBar.js +1 -1
- package/appBar/appBar.tsx +1 -1
- package/button/button.module.css +8 -0
- package/package.json +1 -1
package/appBar/appBar.js
CHANGED
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { joinClassNames } from "@yakad/lib";
|
|
3
3
|
import styles from "./appBar.module.css";
|
|
4
4
|
export default function AppBar(props) {
|
|
5
|
-
const joinedClassNames = joinClassNames(styles.header, props.className, props.positionSticky ? styles.
|
|
5
|
+
const joinedClassNames = joinClassNames(styles.header, props.className, props.positionSticky ? styles.sticky : null);
|
|
6
6
|
return (React.createElement("header", { ...props, className: joinedClassNames }, props.children));
|
|
7
7
|
}
|
|
8
8
|
//# sourceMappingURL=appBar.js.map
|
package/appBar/appBar.tsx
CHANGED
package/button/button.module.css
CHANGED
|
@@ -43,6 +43,10 @@
|
|
|
43
43
|
padding: 0;
|
|
44
44
|
justify-content: center;
|
|
45
45
|
}
|
|
46
|
+
.iconButton > * > * {
|
|
47
|
+
width: 100%;
|
|
48
|
+
height: 100%;
|
|
49
|
+
}
|
|
46
50
|
|
|
47
51
|
.none {
|
|
48
52
|
border-radius: 0;
|
|
@@ -114,22 +118,26 @@
|
|
|
114
118
|
.small.fab {
|
|
115
119
|
border-radius: 1.1rem;
|
|
116
120
|
height: 4.6rem;
|
|
121
|
+
min-width: 4.6rem;
|
|
117
122
|
--padding: 1.2rem;
|
|
118
123
|
font-size: 1.4rem;
|
|
119
124
|
}
|
|
120
125
|
.medium.fab {
|
|
121
126
|
border-radius: 1.3rem;
|
|
122
127
|
height: 5.6rem;
|
|
128
|
+
min-width: 5.6;
|
|
123
129
|
--padding: 1.6rem;
|
|
124
130
|
font-size: 1.6rem;
|
|
125
131
|
}
|
|
126
132
|
.large.fab {
|
|
127
133
|
border-radius: 1.5rem;
|
|
128
134
|
height: 6.6rem;
|
|
135
|
+
min-width: 6.6;
|
|
129
136
|
--padding: 1.8rem;
|
|
130
137
|
font-size: 1.8rem;
|
|
131
138
|
}
|
|
132
139
|
.fab {
|
|
140
|
+
justify-content: center;
|
|
133
141
|
background: rgb(var(--primaryContainerColor, 211 227 253));
|
|
134
142
|
color: rgb(var(--onPrimaryContainerColor, 4 30 73));
|
|
135
143
|
fill: rgb(var(--onPrimaryContainerColor, 4, 30, 73));
|