atomaka/budget
1
0
Fork 0
Code Issues 1 Pull requests 3 Activity Actions

Add logo to application header

Browse source
This commit is contained in:
Andrew Tomaka 2025-06-11 21:24:03 -04:00
parent b43629bdc9
commit 8bba78e024
Signed by: atomaka
GPG key ID: 61209BF70A5B18BE
2 changed files with 42 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
app/assets/images/logo.svg Normal file
View file

@ -0,0 +1,35 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="200" height="48" viewBox="0 0 200 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Calculator/Budget icon -->
<g>
<!-- Calculator body -->
<rect x="8" y="8" width="32" height="32" rx="4" fill="#10B981" stroke="#047857" stroke-width="1.5"/>
<!-- Screen -->
<rect x="12" y="12" width="24" height="8" rx="2" fill="#D1FAE5"/>
<!-- Dollar sign in screen -->
<text x="24" y="18" font-family="Arial, sans-serif" font-size="8" fill="#047857" text-anchor="middle" font-weight="bold">$</text>
<!-- Calculator buttons -->
<rect x="12" y="24" width="5" height="3" rx="0.5" fill="#047857"/>
<rect x="19.5" y="24" width="5" height="3" rx="0.5" fill="#047857"/>
<rect x="27" y="24" width="5" height="3" rx="0.5" fill="#047857"/>
<rect x="12" y="29" width="5" height="3" rx="0.5" fill="#047857"/>
<rect x="19.5" y="29" width="5" height="3" rx="0.5" fill="#047857"/>
<rect x="27" y="29" width="5" height="3" rx="0.5" fill="#047857"/>
<rect x="12" y="34" width="5" height="3" rx="0.5" fill="#047857"/>
<rect x="19.5" y="34" width="5" height="3" rx="0.5" fill="#047857"/>
<rect x="27" y="34" width="5" height="3" rx="0.5" fill="#047857"/>
</g>
<!-- Text -->
<text x="48" y="28" font-family="Arial, Helvetica, sans-serif" font-size="24" fill="#ffffff" font-weight="600" dominant-baseline="middle">
Budget
</text>
<text x="130" y="28" font-family="Arial, Helvetica, sans-serif" font-size="24" fill="#10B981" font-weight="600" dominant-baseline="middle">
Track
</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.6 KiB

9
app/views/layouts/application.html.erb
View file

@ -12,8 +12,12 @@
</head>
<body>
<nav class="w-100 p-6 bg-gray-900 flex items-center justify-between flex-wrap">
<ul class="flex">
<nav class="w-100 py-4 px-6 bg-gray-900 flex items-center justify-between flex-wrap">
<div class="flex items-center">
<%= link_to root_path, class: "mr-8" do %>
<%= image_tag "logo.svg", alt: "Budget Track Logo", class: "h-8" %>
<% end %>
<ul class="flex">
<% if Current.user.registered? %>
<li class="mr-6"><%= link_to "Dashboard", root_path, class: "text-white" %></li>
<li class="mr-6"><%= link_to "Expenses", expenses_path, class: "text-white" %></li>
@ -26,6 +30,7 @@
<li class="mr-6"><%= link_to "Log in", new_session_path, class: "text-white" %></li>
<% end %>
</ul>
</div>
</nav>
<% if flash.any? %>