boboko lulnar

front/js/svelte/setup/Step.svelte

@@ -1,11 +1,9 @@
 <script>
-    import Icon from "../common/Icon.svelte"
+    import Icon from "../common/Icon.svelte";
 
     export let step;
-
 </script>
 
-
 <div class="step step-{step.status}">
     <div class="step-icon">
         {#if step.status === "success"}
@@ -17,26 +15,24 @@
     <div style="width:100%">
         <h4>{step.name}</h4>
         <details>
-            <summary>Instuctions</summary>
+            <summary>Instructions</summary>
             <code class="instructions">{step.instructions}</code>
         </details>
     </div>
-
-
 </div>
 
 <style>
-    .step-success .step-icon{
+    .step-success .step-icon {
         background: var(--suc10);
         color: var(--suc100);
     }
 
-    .step-fail  .step-icon{
+    .step-fail .step-icon {
         background: var(--err10);
         color: var(--err100);
     }
 
-    .step-icon{
+    .step-icon {
         padding: 12px;
         border-radius: 12px;
     }
@@ -64,4 +60,4 @@
         white-space: break-spaces;
         display: block;
     }
-</style>
+</style>