Browse Source

favicon

main
pvincent 3 months ago
parent
commit
7a7708328f
  1. BIN
      app/assets/images/favicon.ico
  2. 1
      app/assets/stylesheets/application.tailwind.css
  3. 24
      app/assets/stylesheets/tailwind/navbar.tailwind.css
  4. 13
      app/views/layouts/_navbar.html.erb
  5. 1
      app/views/layouts/_notification.html.erb
  6. 6
      app/views/layouts/application.html.erb

BIN
app/assets/images/favicon.ico

After

Width: 16  |  Height: 16  |  Size: 618 B

1
app/assets/stylesheets/application.tailwind.css

@ -9,5 +9,4 @@
* The .css suffix might be omitted! * The .css suffix might be omitted!
*/ */
@import "tailwind/main.tailwind"; @import "tailwind/main.tailwind";
@import "tailwind/navbar.tailwind";

24
app/assets/stylesheets/tailwind/navbar.tailwind.css

@ -1,24 +0,0 @@
nav {
@apply mb-4 text-red-300 bg-gradient-to-r from-color-primary to-color-secondary;
p {
background-color: aqua;
}
p:hover {
background-color: blueviolet;
}
&:hover p {
background-color: green;
}
span {
@apply bg-gradient-to-r from-color-primary to-color-secondary text-black sm:rounded-t-lg p-4;
}
}
p {
background-color: yellow;
}

13
app/views/layouts/_navbar.html.erb

@ -1,13 +1,4 @@
<nav class='text-2xl p-4'>
<%= fa_icon :eye %>
<%= fa_icon :eye, size: 2, class: 'text-red-500' %>
<nav class='bg-slate-800 text-2xl justify-items-center items-center gap-4 p-4 flex flex-row text-yellow-600'>
<%= fa_icon :road, size: 2 %>
<%= Rails.configuration.application_title %> <%= Rails.configuration.application_title %>
<span class='title'>this is a text</span>
<span>this is toto</span>
<h1 x-data="{ message: 'I ❤️ Alpine' }" x-text="message"></h1>
<span class='group'>
<%= fa_icon :chevron_down, class: 'transition ease-in-out duration-150 group-hover:text-black group-hover:rotate-180 ' %>
HOVER ME
</span>
</nav> </nav>

1
app/views/layouts/_notification.html.erb

@ -1,4 +1,3 @@
NOTIFICATION
<% if flash.count.positive? %> <% if flash.count.positive? %>
<script data-turbo-temporary> <script data-turbo-temporary>
document.addEventListener('turbo:load',(e)=>{ document.addEventListener('turbo:load',(e)=>{

6
app/views/layouts/application.html.erb

@ -1,10 +1,12 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<!--TITLE --> <!--TITLE -->
<title> <title>
<%=Rails.configuration.application_title%>
<%= Rails.configuration.application_title %>
</title> </title>
<%= favicon_link_tag %>
<!--META --> <!--META -->
<%= csrf_meta_tags %> <%= csrf_meta_tags %>
<%= csp_meta_tag %> <%= csp_meta_tag %>
@ -22,7 +24,7 @@
<body> <body>
<%=render 'layouts/navbar' %> <%=render 'layouts/navbar' %>
<%=render 'layouts/notification' %> <%=render 'layouts/notification' %>
<main class="m-8 flex flex-col">
<main class=" flex flex-col bg-slate-300 p-8 ">
<%= yield %> <%= yield %>
</main> </main>
</body> </body>

Loading…
Cancel
Save