Merge pull request #298 from dwyl/fix-tags-cover-issue-#296

PR: move selected `tags` above `tags` selector #296
dwyl · Feb 10, 2023 · 1988be0 · 1988be0
2 parents bfb30d4 + 3bfb1e0
commit 1988be0
Showing 1 changed file with 11 additions and 12 deletions.
diff --git a/lib/app_web/live/app_live.html.heex b/lib/app_web/live/app_live.html.heex
@@ -32,6 +32,17 @@
       resize"
       x-on:input="resize"
     ><%= @text_value %></textarea>
+    <!-- Display the selected tags -->
+    <div class="">
+      <%= for selected_tag <- @selected_tags do %>
+        <span
+          class="text-white font-bold py-1 px-2 rounded-full ml-2"
+          style={"background-color:#{selected_tag.color}"}
+        >
+          <%= selected_tag.text %>
+        </span>
+      <% end %>
+    </div>
     <!-- Select Input -->
     <div
       class="lg:w-1/2 "
@@ -97,18 +108,6 @@
       </div>
     </div>
     <!-- End Select Input -->
-
-    <!-- Display the selected tags -->
-    <div class="">
-      <%= for selected_tag <- @selected_tags do %>
-        <span
-          class="text-white font-bold py-1 px-2 rounded-full ml-2"
-          style={"background-color:#{selected_tag.color}"}
-        >
-          <%= selected_tag.text %>
-        </span>
-      <% end %>
-    </div>
     <!-- Want to help "DRY" this? see: https://github.com/dwyl/app-mvp-phoenix/issues/105 -->
     <!-- https://tailwindcss.com/docs/justify-content#end -->
     <div class="flex justify-end mr-1">