Yehowshua/ZIm
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Style project shared notifications

Browse source
This commit is contained in:
Antonio Scandurra 2022-10-10 14:37:51 +02:00
parent 9d990ae329
commit 7cfe435e62
4 changed files with 98 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

28
styles/src/styleTree/projectSharedNotification.ts
View file

@ -1,22 +1,38 @@
import Theme from "../themes/common/theme";
import { text } from "./components";
import { backgroundColor, borderColor, text } from "./components";
export default function projectSharedNotification(theme: Theme): Object {
const avatarSize = 12;
const avatarSize = 32;
return {
background: backgroundColor(theme, 300),
ownerContainer: {
padding: 12,
},
ownerAvatar: {
height: avatarSize,
width: avatarSize,
cornerRadius: 6,
cornerRadius: avatarSize / 2,
},
ownerMetadata: {
margin: { left: 10 },
},
ownerUsername: {
...text(theme, "sans", "active", { size: "sm", weight: "bold" }),
margin: { top: -3 },
},
message: {
...text(theme, "sans", "primary", { size: "xs" }),
...text(theme, "sans", "secondary", { size: "xs" }),
margin: { top: -3 },
},
buttonWidth: 96,
joinButton: {
...text(theme, "sans", "primary", { size: "xs" })
background: backgroundColor(theme, "info", "active"),
border: { left: true, bottom: true, width: 1, color: borderColor(theme, "primary") },
...text(theme, "sans", "info", { size: "xs", weight: "extra_bold" })
},
dismissButton: {
...text(theme, "sans", "primary", { size: "xs" })
border: { left: true, width: 1, color: borderColor(theme, "primary") },
...text(theme, "sans", "secondary", { size: "xs", weight: "extra_bold" })
},
};
}