diff options
| author | David Gay <eapoems@riseup.net> | 2023-10-31 00:40:50 -0400 |
|---|---|---|
| committer | David Gay <eapoems@riseup.net> | 2023-10-31 00:40:50 -0400 |
| commit | c68d91231c2be48dd4429df4f5fbaee37fbd954c (patch) | |
| tree | a6d271c7e32fb63a0ad3b176326c6c9606b89ee3 /app | |
| parent | a5c7206db0a63a577b4451dd353f40ed20a35b2c (diff) | |
Button and link styling
Diffstat (limited to 'app')
| -rw-r--r-- | app/assets/stylesheets/application.tailwind.css | 22 | ||||
| -rw-r--r-- | app/views/checkpoints/new.html.erb | 2 | ||||
| -rw-r--r-- | app/views/layouts/application.html.erb | 4 | ||||
| -rw-r--r-- | app/views/runs/new.html.erb | 2 |
4 files changed, 26 insertions, 4 deletions
diff --git a/app/assets/stylesheets/application.tailwind.css b/app/assets/stylesheets/application.tailwind.css index c37a0f4..d0b2b0b 100644 --- a/app/assets/stylesheets/application.tailwind.css +++ b/app/assets/stylesheets/application.tailwind.css @@ -8,6 +8,18 @@ } @layer base { + a { + @apply underline; + } + + a:hover { + @apply text-red-600; + } + + .nav-links a { + @apply no-underline; + } + .text-display { font-family: "Pokemon Classic", sans-serif; } @@ -16,3 +28,13 @@ @apply text-display; } } + +@layer components { + .btn { + @apply px-4 py-2 border border-black cursor-pointer; + } + + .btn-primary { + @apply btn bg-orange-900 text-orange-100; + } +} diff --git a/app/views/checkpoints/new.html.erb b/app/views/checkpoints/new.html.erb index fc61e9f..d122d91 100644 --- a/app/views/checkpoints/new.html.erb +++ b/app/views/checkpoints/new.html.erb @@ -15,7 +15,7 @@ </div> <div> - <%= f.submit "Submit checkpoint" %> + <%= f.submit "Submit checkpoint", class: "btn-primary" %> </div> <% if @checkpoint.errors.any? %> diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index db94682..3dad62b 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -14,14 +14,14 @@ <body class="flex flex-col min-h-screen bg-orange-100 text-orange-900"> <nav class="flex flex-wrap items-center justify-between px-4 py-2 text-display"> - <div class="flex flex-grow items-center space-x-8"> + <div class="flex flex-grow items-center space-x-8 nav-links"> <%= link_to root_path, class: "text-xl flex items-center space-x-4" do %> <%= image_tag "poke_ball_original_small.png", size: 60 %> <span>Cable Club</span> <% end %> <%= link_to "Runs", runs_path %> </div> - <div class="space-x-8"> + <div class="space-x-8 nav-links"> <% if user_signed_in? %> <%= link_to "Profile", "#" %> <%= link_to "Sign out", destroy_user_session_path %> diff --git a/app/views/runs/new.html.erb b/app/views/runs/new.html.erb index e8b7b6e..0c5c3ad 100644 --- a/app/views/runs/new.html.erb +++ b/app/views/runs/new.html.erb @@ -15,7 +15,7 @@ </div> <div> - <%= f.submit "Start run" %> + <%= f.submit "Start run", class: "btn-primary" %> </div> <% if @run.errors.any? %> |