Skip to content

Commit

Permalink
TSK-212: fix format
Browse files Browse the repository at this point in the history
Signed-off-by: Kristina Fefelova <kristin.fefelova@gmail.com>
  • Loading branch information
kristina-fefelova committed Oct 25, 2022
1 parent ad8d60d commit 850a525
Showing 1 changed file with 13 additions and 9 deletions.
22 changes: 13 additions & 9 deletions packages/ui/src/components/notifications/Notifications.svelte
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<script lang="ts">
<script lang='ts'>
import { setContext } from 'svelte'
import Notification from './Notification.svelte'
Expand All @@ -22,10 +22,14 @@
</script>

<slot></slot>
<div class="notifications">
{#each [NotificationPosition.TopRight, NotificationPosition.TopLeft, NotificationPosition.BottomRight, NotificationPosition.BottomLeft] as position}
<div class='notifications'>
{#each [NotificationPosition.TopRight,
NotificationPosition.TopLeft,
NotificationPosition.BottomRight,
NotificationPosition.BottomLeft
] as position}
<div class={getClass(position)}
style:z-index={9999}>
style:z-index={9999}>
{#each $store as notification (notification.id)}
{#if notification.position === position}
<Notification {notification} />
Expand All @@ -35,27 +39,27 @@
{/each}
</div>

<style lang="scss">
<style lang='scss'>
.top-left {
position: fixed;
position: fixed;
top: 0;
left: 0;
}
.top-right {
position: fixed;
position: fixed;
top: 0;
right: 0;
}
.bottom-left {
position: fixed;
position: fixed;
bottom: 0;
left: 0;
}
.bottom-right {
position: fixed;
position: fixed;
bottom: 0;
right: 0;
}
Expand Down

0 comments on commit 850a525

Please sign in to comment.