bug: CSP blocks a style attribute of the lightbuilb component #262 (#265

)
b310-digital · Mar 25, 2024 · 8f1875b · 8f1875b
1 parent db428a2
commit 8f1875b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/assets/scss/live/idea_live/_index_component.scss b/assets/scss/live/idea_live/_index_component.scss
@@ -72,4 +72,8 @@
   width: 100px;
   margin: auto;
   display: block;
+}
+
+.lightbulb-large {
+  font-size: 5rem;
 }
diff --git a/lib/mindwendel_web/live/idea_live/index_component.html.heex b/lib/mindwendel_web/live/idea_live/index_component.html.heex
@@ -105,7 +105,7 @@
     <%= if Enum.empty?(@ideas) do %>
       <div class="row mt-4">
         <div class="col-12 text-center">
-          <i class="bi-lightbulb text-secondary" style="font-size: 5rem;"></i>
+          <i class="bi-lightbulb text-secondary lightbulb-large"></i>
           <p><%= gettext("No ideas brainstormed") %></p>
         </div>
       </div>