changes
This commit is contained in:
@@ -34,13 +34,11 @@ function loadDynamicComponent() {
|
||||
watchEffect(() => {
|
||||
loadDynamicComponent();
|
||||
});
|
||||
setTimeout(() => store.commit("snackbar", undefined), 3900);
|
||||
// setTimeout(() => store.commit("snackbar", undefined), 3900);
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div
|
||||
class="snackbar is-flex is-align-items-center is-gap-3 pl-3 pr-1.5 py-2 rounded-md has-background-grey-25 has-text-white"
|
||||
>
|
||||
<div class="snackbar is-flex is-align-items-center is-gap-3 pl-3 pr-1.5 py-2 rounded-md has-text-white">
|
||||
<Info
|
||||
v-if="component === 'Info'"
|
||||
v-bind="vbind"
|
||||
@@ -80,6 +78,7 @@ setTimeout(() => store.commit("snackbar", undefined), 3900);
|
||||
margin-inline: auto;
|
||||
width: fit-content;
|
||||
max-width: 500px;
|
||||
background-color: hsl(from var(--bulma-grey-darker) h s l / 0.9);
|
||||
}
|
||||
|
||||
.button.is-ghost {
|
||||
@@ -87,6 +86,6 @@ setTimeout(() => store.commit("snackbar", undefined), 3900);
|
||||
}
|
||||
.button.is-ghost:hover,
|
||||
.button.is-ghost.is-hovered {
|
||||
color: hsl(0, 0%, 100%, 0.6);
|
||||
color: hsl(from white h s l / 0.6);
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user