config assets

app/assets/config/manifest.js

@@ -1,5 +1,5 @@
 //= link_tree ../images
-//= link_tree ../builds
+//= link_directory ../stylesheets .css
 //= link_tree ../audios
 //= link_tree ../../javascript .js
 //= link_tree ../../../vendor/javascript .js

app/assets/stylesheets/application.css.scss

@@ -1 +1,43 @@
-@import "font-awesome";
+@import "font-awesome";
+
+.lyrics-site-content {
+    min-height: 700px;
+  }
+
+  .lyrics-site-sidenav-item {
+
+    a,
+    button {
+      color: #fff;
+    }
+  }
+
+  .layoutAuthentication {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+
+    .layoutAuthentication_content {
+      min-width: 0;
+      flex-grow: 1;
+    }
+  }
+
+  .img-error {
+    max-width: 20rem;
+  }
+
+  #layoutError {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+  }
+
+  #layoutError #layoutError_content {
+    min-width: 0;
+    flex-grow: 1;
+  }
+
+  #layoutError #layoutError_footer {
+    min-width: 0;
+  }

app/views/layouts/application.html.slim

@@ -8,6 +8,6 @@ html
     = csp_meta_tag
     = favicon_link_tag('favicon.ico')
     = stylesheet_link_tag "application", "data-turbo-track": "reload"
-    = javascript_include_tag "application", "data-turbo-track": "reload", defer: true
+    = javascript_importmap_tags
   body class="#{yield (:body_class)}"
     = yield

config/initializers/assets.rb

@@ -7,7 +7,6 @@
 
 # Add additional assets to the asset load path.
 # Rails.application.config.assets.paths << Emoji.images_path
-Rails.application.config.assets.paths << Rails.root.join('node_modules/bootstrap-icons/font')
 
 # Precompile additional assets.
 # application.js, application.css, and all non-JS/CSS in the app/assets