From 072c5a3975d40b56dc67889a63e967247b4408df Mon Sep 17 00:00:00 2001 From: Echo Date: Sun, 25 Jan 2026 19:39:54 -0500 Subject: [PATCH] more css tweaks (#845) * more css tweaks * fix agreement check box --- .../admin/oauth_applications/show.html.erb | 2 +- app/views/docs/index.html.erb | 4 +-- .../doorkeeper/authorizations/new.html.erb | 2 +- app/views/layouts/application.html.erb | 2 +- app/views/leaderboards/index.html.erb | 2 +- .../_archive_modal.html.erb | 2 +- .../_edit_modal.html.erb | 2 +- .../_unarchive_modal.html.erb | 2 +- app/views/profiles/not_found.html.erb | 2 +- app/views/static_pages/index.html.erb | 2 +- app/views/static_pages/minimal_login.html.erb | 2 +- app/views/users/edit.html.erb | 36 +++++++++---------- app/views/users/wakatime_setup.html.erb | 22 ++++++------ .../users/wakatime_setup_step_2.html.erb | 18 +++++----- .../users/wakatime_setup_step_3.html.erb | 8 ++--- .../users/wakatime_setup_step_4.html.erb | 14 ++++---- 16 files changed, 61 insertions(+), 61 deletions(-) diff --git a/app/views/admin/oauth_applications/show.html.erb b/app/views/admin/oauth_applications/show.html.erb index 7f8df44..327d873 100644 --- a/app/views/admin/oauth_applications/show.html.erb +++ b/app/views/admin/oauth_applications/show.html.erb @@ -151,7 +151,7 @@ <% end %> <%= link_to oauth_application_path(@application), - class: "w-full inline-flex items-center justify-center gap-2 px-4 py-2 border border-primary text-primary font-medium rounded transition-colors duration-200 hover:bg-primary/10" do %> + class: "w-full inline-flex items-center justify-center gap-2 px-4 py-2 border border-primary text-primary font-medium rounded transition-colors duration-200 hover:bg-primary/75" do %> diff --git a/app/views/docs/index.html.erb b/app/views/docs/index.html.erb index 087ab5a..f3a5e7e 100644 --- a/app/views/docs/index.html.erb +++ b/app/views/docs/index.html.erb @@ -129,7 +129,7 @@ ['Emacs', 'emacs'], ['Jupyter', 'jupyter'], ['OnShape', 'onshape'] ] %> <% popular_editors.each do |name, slug| %> - " class="bg-darkless rounded-lg p-3 hover:bg-primary/10 transition-colors text-center block"> + " class="bg-darkless rounded-lg p-3 hover:bg-primary/75 transition-colors text-center block"> <%= name %>
<%= name %>
@@ -167,7 +167,7 @@ ].sort_by { |editor| editor[0] } %> <% all_editors.each do |name, slug| %> - " class="bg-darkless rounded p-2 hover:bg-primary/10 transition-colors text-center block"> + " class="bg-darkless rounded p-2 hover:bg-primary/75 transition-colors text-center block"> <%= name %>
<%= name %>
 diff --git a/app/views/doorkeeper/authorizations/new.html.erb b/app/views/doorkeeper/authorizations/new.html.erb index 7f00a5b..0e2b936 100644 --- a/app/views/doorkeeper/authorizations/new.html.erb +++ b/app/views/doorkeeper/authorizations/new.html.erb @@ -47,7 +47,7 @@ <%= hidden_field_tag :scope, @pre_auth.scope, id: nil %> <%= hidden_field_tag :code_challenge, @pre_auth.code_challenge, id: nil %> <%= hidden_field_tag :code_challenge_method, @pre_auth.code_challenge_method, id: nil %> - diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index dd5d67c..61cac55 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -246,7 +246,7 @@ }, { text: "Log out now", - class: "bg-primary hover:bg-primary/80 text-white font-medium", + class: "bg-primary hover:bg-primary/75 text-white font-medium", form: true, url: signout_path, method: "delete" diff --git a/app/views/leaderboards/index.html.erb b/app/views/leaderboards/index.html.erb index f8f2cd4..ce0211e 100644 --- a/app/views/leaderboards/index.html.erb +++ b/app/views/leaderboards/index.html.erb @@ -11,7 +11,7 @@ <% if current_user && current_user.github_uid.blank? %>
- <%= link_to "Connect your GitHub", "/auth/github", class: "bg-primary hover:bg-primary/50 text-white font-medium mr-2 px-4 py-2 rounded-lg transition-colors duration-200" %> to qualify for the leaderboard. + <%= link_to "Connect your GitHub", "/auth/github", class: "bg-primary hover:bg-primary/75 text-white font-medium mr-2 px-4 py-2 rounded-lg transition-colors duration-200" %> to qualify for the leaderboard.
<% end %> diff --git a/app/views/my/project_repo_mappings/_archive_modal.html.erb b/app/views/my/project_repo_mappings/_archive_modal.html.erb index ba5a948..281ec6a 100644 --- a/app/views/my/project_repo_mappings/_archive_modal.html.erb +++ b/app/views/my/project_repo_mappings/_archive_modal.html.erb @@ -17,7 +17,7 @@ }, { text: "Archive", - class: "bg-primary hover:bg-primary/80 text-white font-medium", + class: "bg-primary hover:bg-primary/75 text-white font-medium", form: true, url: archive_my_project_repo_mapping_path(CGI.escape(project_name)), method: "patch" diff --git a/app/views/my/project_repo_mappings/_edit_modal.html.erb b/app/views/my/project_repo_mappings/_edit_modal.html.erb index b2dae95..882694f 100644 --- a/app/views/my/project_repo_mappings/_edit_modal.html.erb +++ b/app/views/my/project_repo_mappings/_edit_modal.html.erb @@ -44,7 +44,7 @@ }, { text: "Update Project", - class: "bg-primary hover:bg-primary/80 text-white font-medium", + class: "bg-primary hover:bg-primary/75 text-white font-medium", form: true, form_id: form_id } diff --git a/app/views/my/project_repo_mappings/_unarchive_modal.html.erb b/app/views/my/project_repo_mappings/_unarchive_modal.html.erb index be78f89..23f6e3f 100644 --- a/app/views/my/project_repo_mappings/_unarchive_modal.html.erb +++ b/app/views/my/project_repo_mappings/_unarchive_modal.html.erb @@ -16,7 +16,7 @@ }, { text: "Restore", - class: "bg-primary hover:bg-primary/80 text-white font-medium", + class: "bg-primary hover:bg-primary/75 text-white font-medium", form: true, url: unarchive_my_project_repo_mapping_path(CGI.escape(project[:project_key] || project[:project])), method: "patch" diff --git a/app/views/profiles/not_found.html.erb b/app/views/profiles/not_found.html.erb index f5d2340..e85d693 100644 --- a/app/views/profiles/not_found.html.erb +++ b/app/views/profiles/not_found.html.erb @@ -2,6 +2,6 @@

User not found

We couldn't find a user with that username... Usernames are case-sensitive if that helps.

- <%= link_to "Go back home", root_path, class: "inline-block px-6 py-3 bg-primary text-white rounded font-bold hover:bg-primary/80 transition-colors" %> + <%= link_to "Go back home", root_path, class: "inline-block px-6 py-3 bg-primary text-white rounded font-bold hover:bg-primary/75 transition-colors" %>
diff --git a/app/views/static_pages/index.html.erb b/app/views/static_pages/index.html.erb index 70e1340..4c268d9 100644 --- a/app/views/static_pages/index.html.erb +++ b/app/views/static_pages/index.html.erb @@ -24,7 +24,7 @@ <% else %>

Track How Much You Code

- <%= link_to hca_auth_path(continue: @continue_param), class: "inline-flex items-center justify-center w-full px-6 py-3 rounded text-white font-bold bg-primary hover:bg-primary/80 transition-colors", data: { turbo: false }, onclick: "let s=this.querySelector('.spinner'),i=this.querySelector('.icon');s.classList.remove('hidden');i.classList.add('hidden');this.style.cssText='pointer-events:none;opacity:0.7'" do %> + <%= link_to hca_auth_path(continue: @continue_param), class: "inline-flex items-center justify-center w-full px-6 py-3 rounded text-white font-bold bg-primary hover:bg-primary/75 transition-colors", data: { turbo: false }, onclick: "let s=this.querySelector('.spinner'),i=this.querySelector('.icon');s.classList.remove('hidden');i.classList.add('hidden');this.style.cssText='pointer-events:none;opacity:0.7'" do %> Sign in with your Hack Club account diff --git a/app/views/static_pages/minimal_login.html.erb b/app/views/static_pages/minimal_login.html.erb index 4c1ad11..fe79b57 100644 --- a/app/views/static_pages/minimal_login.html.erb +++ b/app/views/static_pages/minimal_login.html.erb @@ -6,7 +6,7 @@

Welcome to Hackatime

- <%= link_to hca_auth_path(continue: @continue_param), class: "inline-flex items-center justify-center w-full px-6 py-3 rounded text-white font-bold bg-primary hover:bg-primary/80 transition-colors", data: { turbo: false }, onclick: "let s=this.querySelector('.spinner'),i=this.querySelector('.icon');s.classList.remove('hidden');i.classList.add('hidden');this.style.cssText='pointer-events:none;opacity:0.7'" do %> + <%= link_to hca_auth_path(continue: @continue_param), class: "inline-flex items-center justify-center w-full px-6 py-3 rounded text-white font-bold bg-primary hover:bg-primary/75 transition-colors", data: { turbo: false }, onclick: "let s=this.querySelector('.spinner'),i=this.querySelector('.icon');s.classList.remove('hidden');i.classList.add('hidden');this.style.cssText='pointer-events:none;opacity:0.7'" do %> Sign in with your Hack Club account diff --git a/app/views/users/edit.html.erb b/app/views/users/edit.html.erb index 3a891e4..a955975 100644 --- a/app/views/users/edit.html.erb +++ b/app/views/users/edit.html.erb @@ -20,7 +20,7 @@

Get started with tracking your coding time in just a few minutes.

<%= link_to "Set up time tracking", my_wakatime_setup_path, - class: "inline-flex items-center gap-2 px-4 py-2 bg-primary text-white hover:bg-primary/50 font-medium rounded transition-colors duration-200" %> + class: "inline-flex items-center gap-2 px-4 py-2 bg-primary text-white hover:bg-primary/75 font-medium rounded transition-colors duration-200" %>
@@ -50,7 +50,7 @@ { class: "w-full px-3 py-2 h-10 bg-darkless rounded text-white focus:border-primary focus:ring-1 focus:ring-primary" } %>

This affects how your activity graph and other time-based features are displayed.

- <%= f.submit "Save Settings", class: "w-full px-4 py-2 bg-primary text-white hover:bg-primary/50 font-medium rounded transition-colors duration-200 cursor-pointer" %> + <%= f.submit "Save Settings", class: "w-full px-4 py-2 bg-primary text-white hover:bg-primary/75 font-medium rounded transition-colors duration-200 cursor-pointer" %> <% end %> @@ -72,7 +72,7 @@ {}, { class: "w-full px-3 py-2 h-10 bg-darkless rounded text-white focus:border-primary focus:ring-1 focus:ring-primary" } %> - <%= f.submit "Save Settings", class: "w-full px-4 py-2 bg-primary text-white hover:bg-primary/50 font-medium rounded transition-colors duration-200 cursor-pointer" %> + <%= f.submit "Save Settings", class: "w-full px-4 py-2 bg-primary text-white hover:bg-primary/75 font-medium rounded transition-colors duration-200 cursor-pointer" %> <% end %> @@ -105,7 +105,7 @@ Your profile is currently live at <%= link_to "hackati.me/#{@user.username}", "https://hackati.me/#{@user.username}", target: "_blank", class: "underline" %>

<% end %> - <%= f.submit "Save Settings", class: "w-full px-4 py-2 bg-primary text-white hover:bg-primary/50 font-medium rounded transition-colors duration-200 cursor-pointer" %> + <%= f.submit "Save Settings", class: "w-full px-4 py-2 bg-primary text-white hover:bg-primary/75 font-medium rounded transition-colors duration-200 cursor-pointer" %> <% end %> @@ -134,7 +134,7 @@ <%= f.label :uses_slack_status, "Update my Slack status automatically", class: "text-sm text-gray-200" %> - <%= f.submit "Save", class: "mt-3 px-4 py-2 bg-primary text-white hover:bg-primary/50 font-medium rounded transition-colors duration-200 cursor-pointer" %> + <%= f.submit "Save", class: "mt-3 px-4 py-2 bg-primary text-white hover:bg-primary/75 font-medium rounded transition-colors duration-200 cursor-pointer" %> <% end %> @@ -177,7 +177,7 @@ class: "text-sm text-gray-200" %>

When enabled, others can view your coding statistics through public APIs. Many Hack Club YSWS programs use this to track your progress. Disabling this can prevent you from participating in some programs.

- <%= f.submit "Save Settings", class: "w-full px-4 py-2 bg-primary text-white hover:bg-primary/50 font-medium rounded transition-colors duration-200 cursor-pointer" %> + <%= f.submit "Save Settings", class: "w-full px-4 py-2 bg-primary text-white hover:bg-primary/75 font-medium rounded transition-colors duration-200 cursor-pointer" %> <% end %>
@@ -195,7 +195,7 @@ <% else %> @@ -222,7 +222,7 @@
@@ -246,12 +246,12 @@ Connected: <%= link_to "@#{h(@user.github_username)}", "https://github.com/#{h(@user.github_username)}", target: "_blank", class: "text-primary hover:text-primary/80 underline" %>
- <%= link_to "Relink GitHub Account", github_auth_path, data: { turbo: "false" }, class: "inline-flex items-center gap-2 px-3 py-2 bg-primary text-white hover:bg-primary/50 text-sm font-medium rounded transition-colors duration-200 cursor-pointer" %> + <%= link_to "Relink GitHub Account", github_auth_path, data: { turbo: "false" }, class: "inline-flex items-center gap-2 px-3 py-2 bg-primary text-white hover:bg-primary/75 text-sm font-medium rounded transition-colors duration-200 cursor-pointer" %> <%= button_to "Unlink", github_unlink_path, method: :delete, data: { turbo_confirm: "Are you sure you want to unlink your GitHub account? This will remove your GitHub connection and you may need to re-link to use GitHub-dependent features." }, class: "inline-flex items-center gap-2 px-3 py-2 bg-darkless hover:bg-darkless/50 text-white hover:text-white/80 text-sm font-medium rounded transition-colors duration-200 cursor-pointer" %>
<% else %> <%= link_to "Link GitHub Account", github_auth_path, data: { turbo: "false" }, - class: "inline-flex items-center gap-2 px-4 py-2 bg-primary text-white hover:bg-primary/50 font-medium rounded transition-colors duration-200 cursor-pointer" %> + class: "inline-flex items-center gap-2 px-4 py-2 bg-primary text-white hover:bg-primary/75 font-medium rounded transition-colors duration-200 cursor-pointer" %> <% end %> @@ -273,7 +273,7 @@ method: :delete, class: "space-y-4" do |f| %> <%= f.hidden_field :email, value: email.email %> - <%= f.submit "Unlink!", class: "w-full px-4 py-2 bg-primary text-white hover:bg-primary/50 font-medium rounded transition-colors duration-200 cursor-pointer" %> + <%= f.submit "Unlink!", class: "w-full px-4 py-2 bg-primary text-white hover:bg-primary/75 font-medium rounded transition-colors duration-200 cursor-pointer" %> <% end %> <% end %> @@ -287,7 +287,7 @@ placeholder: "Add another email address", required: true, class: "w-full px-3 py-2 bg-darkless border border-darkless rounded text-white focus:border-primary focus:ring-1 focus:ring-primary text-sm" %> - <%= submit_tag "Add Email", class: "w-full px-3 py-2 bg-primary hover:bg-primary/80 text-white text-sm font-medium rounded transition-colors duration-200 cursor-pointer" %> + <%= submit_tag "Add Email", class: "w-full px-3 py-2 bg-primary hover:bg-primary/75 text-white text-sm font-medium rounded transition-colors duration-200 cursor-pointer" %> <% end %> @@ -394,7 +394,7 @@

This will migrate your heartbeats from waka.hackclub.com to this platform.

<%= button_to "Migrate heartbeats", my_settings_migrate_heartbeats_path, method: :post, - class: "w-full px-4 py-2 bg-primary text-white hover:bg-primary/50 font-medium rounded transition-colors duration-200 cursor-pointer" %> + class: "w-full px-4 py-2 bg-primary text-white hover:bg-primary/75 font-medium rounded transition-colors duration-200 cursor-pointer" %> <% if @heartbeats_migration_jobs.any? %>
@@ -499,7 +499,7 @@
<%= link_to export_my_heartbeats_path(format: :json, all_data: "true"), - class: "w-full bg-primary hover:bg-primary/50 text-white px-4 py-2 rounded font-medium transition-colors inline-flex items-center justify-center gap-2", + class: "w-full bg-primary hover:bg-primary/75 text-white px-4 py-2 rounded font-medium transition-colors inline-flex items-center justify-center gap-2", method: :get do %> @@ -549,7 +549,7 @@
<%= form.submit "Import Heartbeats", - class: "w-full px-3 py-2 bg-primary hover:bg-primary/80 text-white text-md font-medium rounded transition-colors duration-200 cursor-pointer", + class: "w-full px-3 py-2 bg-primary hover:bg-primary/75 text-white text-md font-medium rounded transition-colors duration-200 cursor-pointer", data: { confirm: "Are you sure you want to import heartbeats? This will add new data to your account." } %>
<% end %> @@ -616,7 +616,7 @@ }, { text: "Rotate Now", - class: "bg-primary hover:bg-primary/80 text-white font-medium", + class: "bg-primary hover:bg-primary/75 text-white font-medium", action: "click->api-key-rotation#rotate" } ] %> @@ -636,7 +636,7 @@ }, { text: "Copy Key", - class: "bg-primary hover:bg-primary/80 text-white font-medium", + class: "bg-primary hover:bg-primary/75 text-white font-medium", action: "click->api-key-rotation#copyKey" } ], @@ -659,7 +659,7 @@ }, { text: "Delete My Account", - class: "bg-primary hover:bg-primary/80 text-white font-medium", + class: "bg-primary hover:bg-primary/75 text-white font-medium", form: true, url: create_deletion_path, method: "post" diff --git a/app/views/users/wakatime_setup.html.erb b/app/views/users/wakatime_setup.html.erb index 2568c5e..cadd507 100644 --- a/app/views/users/wakatime_setup.html.erb +++ b/app/views/users/wakatime_setup.html.erb @@ -52,7 +52,7 @@
export HACKATIME_API_KEY="<%= @current_user_api_key %>" && export HACKATIME_API_URL="<%= api_hackatime_v1_url %>" && export SUCCESS_URL="<%= root_url %>/success.txt" && curl -sSL <%= root_url %>hackatime/setup.sh | bash - +
@@ -68,8 +68,8 @@
- - + +
@@ -86,7 +86,7 @@
$env:HACKATIME_API_KEY="<%= @current_user_api_key %>"; $env:HACKATIME_API_URL="<%= api_hackatime_v1_url %>"; powershell -ExecutionPolicy Bypass -Command "& {iwr <%= root_url %>hackatime/setup.ps1 -UseBasicParsing | iex}" - +
@@ -102,8 +102,8 @@
- - + +
@@ -112,16 +112,16 @@

For advanced users who want to manually configure their setup.

-

Create or edit ~/.wakatime.cfg with:

+

Create or edit ~/.wakatime.cfg with:

[settings] api_url = <%= api_hackatime_v1_url %> api_key = <%= @current_user_api_key %> heartbeat_rate_limit_seconds = 30 - +
- - + +
@@ -160,7 +160,7 @@

Hackatime is configured and ready to go.

- <%= link_to my_wakatime_setup_step_2_path, class: "block w-full bg-primary hover:bg-red text-white text-center px-6 py-3 rounded-lg font-semibold transition-colors" do %> + <%= link_to my_wakatime_setup_step_2_path, class: "block w-full bg-primary hover:bg-primary/75 text-white text-center px-6 py-3 rounded-lg font-semibold transition-colors" do %> Continue → <% end %> diff --git a/app/views/users/wakatime_setup_step_2.html.erb b/app/views/users/wakatime_setup_step_2.html.erb index 38ac606..972e81f 100644 --- a/app/views/users/wakatime_setup_step_2.html.erb +++ b/app/views/users/wakatime_setup_step_2.html.erb @@ -24,7 +24,7 @@
<%= link_to my_wakatime_setup_step_3_path(editor: "vscode"), class: "bg-dark rounded-lg p-6 hover:bg-darkless transition-colors flex flex-col items-center justify-center text-center gap-4 text-white no-underline group h-full" do %> -
+
VS Code
@@ -33,7 +33,7 @@ <% end %> <%= link_to my_wakatime_setup_step_3_path(editor: "vim"), class: "bg-dark rounded-lg p-6 hover:bg-darkless transition-colors flex flex-col items-center justify-center text-center gap-4 text-white no-underline group h-full" do %> -
+
Vim
@@ -42,7 +42,7 @@ <% end %> <%= link_to my_wakatime_setup_step_3_path(editor: "neovim"), class: "bg-dark rounded-lg p-6 hover:bg-darkless transition-colors flex flex-col items-center justify-center text-center gap-4 text-white no-underline group h-full" do %> -
+
Neovim
@@ -51,7 +51,7 @@ <% end %> <%= link_to my_wakatime_setup_step_3_path(editor: "emacs"), class: "bg-dark rounded-lg p-6 hover:bg-darkless transition-colors flex flex-col items-center justify-center text-center gap-4 text-white no-underline group h-full" do %> -
+
Emacs
@@ -60,7 +60,7 @@ <% end %> <%= link_to my_wakatime_setup_step_3_path(editor: "pycharm"), class: "bg-dark rounded-lg p-6 hover:bg-darkless transition-colors flex flex-col items-center justify-center text-center gap-4 text-white no-underline group h-full" do %> -
+
PyCharm
@@ -69,7 +69,7 @@ <% end %> <%= link_to my_wakatime_setup_step_3_path(editor: "sublime"), class: "bg-dark rounded-lg p-6 hover:bg-darkless transition-colors flex flex-col items-center justify-center text-center gap-4 text-white no-underline group h-full" do %> -
+
Sublime
@@ -78,7 +78,7 @@ <% end %> <%= link_to my_wakatime_setup_step_3_path(editor: "unity"), class: "bg-dark rounded-lg p-6 hover:bg-darkless transition-colors flex flex-col items-center justify-center text-center gap-4 text-white no-underline group h-full" do %> -
+
Unity
@@ -87,7 +87,7 @@ <% end %> <%= link_to my_wakatime_setup_step_3_path(editor: "godot"), class: "bg-dark rounded-lg p-6 hover:bg-darkless transition-colors flex flex-col items-center justify-center text-center gap-4 text-white no-underline group h-full" do %> -
+
Godot
@@ -96,7 +96,7 @@ <% end %> <%= link_to my_wakatime_setup_step_3_path(editor: "other"), class: "bg-dark rounded-lg p-6 hover:bg-darkless transition-colors flex flex-col items-center justify-center text-center gap-4 text-white no-underline group h-full col-span-2 md:col-span-3 lg:col-span-4" do %> -
+
🔧
diff --git a/app/views/users/wakatime_setup_step_3.html.erb b/app/views/users/wakatime_setup_step_3.html.erb index f243d9c..f5ce8cb 100644 --- a/app/views/users/wakatime_setup_step_3.html.erb +++ b/app/views/users/wakatime_setup_step_3.html.erb @@ -267,19 +267,19 @@ git clone https://github.com/wakatime/vim-wakatime.git

Popular Editors:

- + PyCharm PyCharm - + Sublime Text Sublime Text - + Unity Unity - + Neovim Neovim diff --git a/app/views/users/wakatime_setup_step_4.html.erb b/app/views/users/wakatime_setup_step_4.html.erb index 0ee35c3..c28d56c 100644 --- a/app/views/users/wakatime_setup_step_4.html.erb +++ b/app/views/users/wakatime_setup_step_4.html.erb @@ -30,12 +30,12 @@
-

Oh, and one more thing...

+

Oh, and one more thing...

Please do not try to cheat the system! We have measures in place to detect and prevent cheating. If you attempt to manipulate Hackatime, you will be banned from Hackatime and other participating YSWS / events / programs, so please play fair! We are a non-profit organization and we run off of donations.

@@ -52,16 +52,16 @@
- <%= link_to my_wakatime_setup_step_2_path, class: "bg-secondary hover:bg-darkless text-white px-6 py-3 rounded-lg transition-colors" do %> + <%= link_to my_wakatime_setup_step_2_path, class: "px-4 py-3 bg-dark hover:bg-darkless border border-darkless text-gray-300 rounded transition-colors cursor-pointer flex items-center justify-center" do %> Set up another editor <% end %> <% if (url = session.dig(:return_data, "url")) %> - <%= link_to url, id: "s", class: "bg-primary hover:bg-red text-white px-8 py-3 rounded-lg font-semibold transition-colors text-lg opacity-50 pointer-events-none" do %> + <%= link_to url, id: "s", class: "px-4 py-3 bg-primary hover:bg-primary/75 border border-darkless text-white rounded transition-colors cursor-pointer flex items-center justify-center opacity-50 cursor-not-allowed pointer-events-none" do %> <%= session.dig(:return_data, "button_text") || "Done" %> <% end %> <% else %> - <%= link_to root_path, id: "s", class: "bg-primary hover:bg-red text-white px-8 py-3 rounded-lg font-semibold transition-colors text-lg opacity-50 pointer-events-none" do %> + <%= link_to root_path, id: "s", class: "px-4 py-3 bg-primary hover:bg-primary/75 border border-darkless text-white rounded transition-colors cursor-pointer flex items-center justify-center opacity-50 cursor-not-allowed pointer-events-none" do %> I agree, Get started! <% end %> <% end %> @@ -70,10 +70,10 @@ document.getElementById('o').addEventListener('change', function() { const x = document.getElementById('s'); if (this.checked) { - x.classList.remove('opacity-50', 'pointer-events-none'); + x.classList.remove('opacity-50', 'cursor-not-allowed', 'pointer-events-none'); x.disabled = false; } else { - x.classList.add('opacity-50', 'pointer-events-none'); + x.classList.add('opacity-50', 'cursor-not-allowed', 'pointer-events-none'); x.disabled = true; } });