@enki-tek/fms-web-components 0.0.88 → 0.0.90

package/components/Header/Header.svelte

@@ -17,7 +17,7 @@
 	<slot name="brand" />
 	<NavbarToggler class="border border-success text-success" on:click={() => (isOpen = !isOpen)} />
 	<Collapse {isOpen} navbar expand="md" on:update={handleUpdate}>
-		<Nav class="ms-auto d-flex align-items-center" navbar>
+		<Nav class="ms-auto d-flex align-items-center justify-content-end flex-row" navbar>
 			<slot />
 		</Nav>
 	</Collapse>

package/components/Toast/Toast.scss

@@ -14,8 +14,6 @@ $icon-size:20px;
     bottom: 14px;
     right: 6px;
     z-index: 2000;
-    min-width: 100px;
-    max-width: 500px;
     border: 1px solid $black;
     border-left-width: $border-custom-width;
     border-radius: 6px;

package/components/Toast/Toast.svelte

@@ -27,10 +27,10 @@
 
 <div class={toastStyle.join(' ')}>
 	<Row class="me-0 ms-0 ps-1">
-		<Col sm="2" class=" d-flex justify-content-center align-items-center ps-0 pe-1">
-			<Icon name={iconName} />
-		</Col>
-		<Col sm="10" class="ps-0 pt-0 pb-0 pe-2 d-flex align-items-center">
+		<Col sm="12" class="ps-2 pt-0 pb-0 pe-3 d-flex align-items-center">
+			{#if iconName}
+				<Icon name={iconName} class="me-2" />
+			{/if}
 			<slot>
 				{#if label}
 					{label}
@@ -57,8 +57,6 @@
   bottom: 14px;
   right: 6px;
   z-index: 2000;
-  min-width: 100px;
-  max-width: 500px;
   border: 1px solid #000000;
   border-left-width: 5px;
   border-radius: 6px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enki-tek/fms-web-components",
-  "version": "0.0.88",
+  "version": "0.0.90",
   "devDependencies": {
     "@storybook/addon-essentials": "^7.6.14",
     "@storybook/addon-interactions": "^7.6.14",