[ui] fix notification icons, colors; icon colors
parent
952475b92b
commit
0bfc292fd4
|
@ -2,7 +2,7 @@
|
|||
import { notify } from "../../notifications";
|
||||
import { fade } from "svelte/transition";
|
||||
import type { UpNotification } from "../../notifications";
|
||||
import Icon from "../utils/Icon.svelte";
|
||||
import Icon from "../utils/Icon.svelte";
|
||||
|
||||
let notifications: UpNotification[] = [];
|
||||
|
||||
|
@ -16,12 +16,12 @@ import Icon from "../utils/Icon.svelte";
|
|||
1
|
||||
);
|
||||
notifications = notifications;
|
||||
}, 5000);
|
||||
}, 50000000);
|
||||
});
|
||||
|
||||
const icons = {
|
||||
error: "x-octagon",
|
||||
warning: "exclamation-triangle"
|
||||
error: "error-alt",
|
||||
warning: "error",
|
||||
};
|
||||
</script>
|
||||
|
||||
|
@ -36,11 +36,13 @@ import Icon from "../utils/Icon.svelte";
|
|||
{/each}
|
||||
|
||||
<style scoped lang="scss">
|
||||
@use "../../styles/colors";
|
||||
|
||||
.notification-error {
|
||||
color: var(--error);
|
||||
color: colors.$red;
|
||||
}
|
||||
|
||||
.notification-warning {
|
||||
color: var(--warning);
|
||||
color: colors.$orange;
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -1,6 +1,4 @@
|
|||
<script lang="ts" context="module">
|
||||
import { onMount } from "svelte";
|
||||
|
||||
let loaded = false;
|
||||
</script>
|
||||
|
||||
|
|
|
@ -71,10 +71,6 @@
|
|||
color: var(--foreground);
|
||||
background: var(--background);
|
||||
|
||||
* {
|
||||
color: var(--foreground);
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
|
|
Loading…
Reference in New Issue