mirror of
https://iceshrimp.dev/iceshrimp/iceshrimp
synced 2024-11-28 14:58:09 +09:00
change style
This commit is contained in:
parent
37d5d98710
commit
81647316bc
@ -128,7 +128,7 @@
|
||||
<button
|
||||
v-else-if="!item.hidden"
|
||||
class="_button item"
|
||||
:class="{ danger: item.danger, active: item.active }"
|
||||
:class="{ danger: item.danger, accent: item.accent, active: item.active }"
|
||||
:disabled="item.active"
|
||||
@click="clicked(item.action, $event)"
|
||||
@mouseenter.passive="onItemMouseEnter(item)"
|
||||
@ -398,6 +398,26 @@ onBeforeUnmount(() => {
|
||||
}
|
||||
}
|
||||
|
||||
&.accent {
|
||||
color: var(--accent);
|
||||
|
||||
&:hover {
|
||||
color: var(--accent);
|
||||
|
||||
&:before {
|
||||
background: var(--accentedBg);
|
||||
}
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: var(--fgOnAccent);
|
||||
|
||||
&:before {
|
||||
background: var(--accent);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
color: var(--fgOnAccent);
|
||||
opacity: 1;
|
||||
|
@ -393,6 +393,7 @@ export function getNoteMenu(props: {
|
||||
? {
|
||||
icon: "ph-pencil-line ph-bold ph-lg",
|
||||
text: i18n.ts.edit,
|
||||
accent: true,
|
||||
action: edit,
|
||||
}
|
||||
: undefined,
|
||||
|
@ -51,6 +51,7 @@ export type MenuButton = {
|
||||
icon?: string;
|
||||
indicate?: boolean;
|
||||
danger?: boolean;
|
||||
accent?: boolean;
|
||||
active?: boolean;
|
||||
hidden?: boolean;
|
||||
avatar?: Misskey.entities.User;
|
||||
|
Loading…
Reference in New Issue
Block a user