Merge branch 'main' into notifications
This commit is contained in:
@@ -79,6 +79,80 @@ export default function assistant(): any {
|
||||
},
|
||||
},
|
||||
pending_edit_background: background(theme.highest, "positive"),
|
||||
context_status: {
|
||||
error_icon: {
|
||||
margin: { left: 8, right: 18 },
|
||||
color: foreground(theme.highest, "negative"),
|
||||
width: 12,
|
||||
},
|
||||
in_progress_icon: {
|
||||
margin: { left: 8, right: 18 },
|
||||
color: foreground(theme.highest, "positive"),
|
||||
width: 12,
|
||||
},
|
||||
complete_icon: {
|
||||
margin: { left: 8, right: 18 },
|
||||
color: foreground(theme.highest, "positive"),
|
||||
width: 12,
|
||||
}
|
||||
},
|
||||
retrieve_context: toggleable({
|
||||
base: interactive({
|
||||
base: {
|
||||
icon_size: 12,
|
||||
color: foreground(theme.highest, "variant"),
|
||||
|
||||
button_width: 12,
|
||||
background: background(theme.highest, "on"),
|
||||
corner_radius: 2,
|
||||
border: {
|
||||
width: 1., color: background(theme.highest, "on")
|
||||
},
|
||||
margin: { left: 2 },
|
||||
padding: {
|
||||
left: 4,
|
||||
right: 4,
|
||||
top: 4,
|
||||
bottom: 4,
|
||||
},
|
||||
},
|
||||
state: {
|
||||
hovered: {
|
||||
...text(theme.highest, "mono", "variant", "hovered"),
|
||||
background: background(theme.highest, "on", "hovered"),
|
||||
border: {
|
||||
width: 1., color: background(theme.highest, "on", "hovered")
|
||||
},
|
||||
},
|
||||
clicked: {
|
||||
...text(theme.highest, "mono", "variant", "pressed"),
|
||||
background: background(theme.highest, "on", "pressed"),
|
||||
border: {
|
||||
width: 1., color: background(theme.highest, "on", "pressed")
|
||||
},
|
||||
},
|
||||
},
|
||||
}),
|
||||
state: {
|
||||
active: {
|
||||
default: {
|
||||
icon_size: 12,
|
||||
button_width: 12,
|
||||
color: foreground(theme.highest, "variant"),
|
||||
background: background(theme.highest, "accent"),
|
||||
border: border(theme.highest, "accent"),
|
||||
},
|
||||
hovered: {
|
||||
background: background(theme.highest, "accent", "hovered"),
|
||||
border: border(theme.highest, "accent", "hovered"),
|
||||
},
|
||||
clicked: {
|
||||
background: background(theme.highest, "accent", "pressed"),
|
||||
border: border(theme.highest, "accent", "pressed"),
|
||||
},
|
||||
},
|
||||
},
|
||||
}),
|
||||
include_conversation: toggleable({
|
||||
base: interactive({
|
||||
base: {
|
||||
|
||||
@@ -1,10 +1,11 @@
|
||||
import { useTheme } from "../theme"
|
||||
import { StyleSets, useTheme } from "../theme"
|
||||
import { background, border, foreground, text } from "./components"
|
||||
import picker from "./picker"
|
||||
import { input } from "../component/input"
|
||||
import contact_finder from "./contact_finder"
|
||||
import { tab } from "../component/tab"
|
||||
import { icon_button } from "../component/icon_button"
|
||||
import { interactive } from "../element/interactive"
|
||||
|
||||
export default function channel_modal(): any {
|
||||
const theme = useTheme()
|
||||
@@ -27,6 +28,24 @@ export default function channel_modal(): any {
|
||||
|
||||
const picker_input = input()
|
||||
|
||||
const interactive_text = (styleset: StyleSets) =>
|
||||
interactive({
|
||||
base: {
|
||||
padding: {
|
||||
left: 8,
|
||||
top: 8
|
||||
},
|
||||
...text(theme.middle, "sans", styleset, "default"),
|
||||
}, state: {
|
||||
hovered: {
|
||||
...text(theme.middle, "sans", styleset, "hovered"),
|
||||
},
|
||||
clicked: {
|
||||
...text(theme.middle, "sans", styleset, "active"),
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
const member_icon_style = icon_button({
|
||||
variant: "ghost",
|
||||
size: "sm",
|
||||
@@ -88,6 +107,8 @@ export default function channel_modal(): any {
|
||||
left: BUTTON_OFFSET,
|
||||
},
|
||||
},
|
||||
visibility_toggle: interactive_text("base"),
|
||||
channel_link: interactive_text("accent"),
|
||||
picker: {
|
||||
empty_container: {},
|
||||
item: {
|
||||
|
||||
Reference in New Issue
Block a user