adjust more UI elevent for native app

app/views/submissions/show.html.erb

@@ -12,7 +12,9 @@
 <main style="max-width: 1600px" class="mx-auto pl-4">
   <div class="flex justify-between py-1.5 items-center pr-4 sticky top-0 md:relative z-10 bg-base-100">
     <a href="<%= signed_in? && @submission.account_id == current_account&.id && @submission.template ? template_path(@submission.template) : '/' %>" class="flex items-center space-x-3 py-1">
-      <span><%= render 'submissions/logo' %></span>
+      <% unless turbo_native_app? %>
+        <span><%= render 'submissions/logo' %></span>
+      <% end %>
       <h1 class="text-xl md:text-3xl font-semibold focus:text-clip" style="overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;"><% (@submission.name || @submission.template&.name).to_s.split(/(_)/).each do |item| %><%= item %><wbr><% end %></h1>
     </a>
     <div class="space-x-3 flex items-center">

app/views/submissions_archived/index.html.erb

@@ -8,16 +8,20 @@
   </div>
 <% end %>
 <div class="flex flex-col md:flex-row md:items-center mb-4 gap-3">
-  <div class="group/header flex w-full justify-between items-center">
+  <% if turbo_native_app? %>
-    <div class="max-md:group-has-[search-input:focus-within]/header:hidden">
+    <% content_for(:html_title, t('archived')) %>
-      <h1 class="text-2xl md:text-3xl font-bold md:block <%= 'hidden' if params[:q].present? %>"><%= t('submissions') %> <span class="badge badge-outline badge-lg align-middle"><%= t('archived') %></span></h1>
+  <% else %>
-    </div>
+      <div class="group/header flex w-full justify-between items-center">
-    <div class="max-md:has-[search-input:focus-within]:grow <%= 'max-md:grow' if params[:q].present? %>">
+        <div class="max-md:group-has-[search-input:focus-within]/header:hidden">
-      <% if params[:q].present? || @pagy.pages > 1 || filter_params.present? %>
+          <h1 class="text-2xl md:text-3xl font-bold md:block <%= 'hidden' if params[:q].present? %>"><%= t('submissions') %> <span class="badge badge-outline badge-lg align-middle"><%= t('archived') %></span></h1>
-        <%= render 'shared/search_input', placeholder: "#{t('search')}..." %>
+        </div>
-      <% end %>
+        <div class="max-md:has-[search-input:focus-within]:grow <%= 'max-md:grow' if params[:q].present? %>">
-    </div>
+          <% if params[:q].present? || @pagy.pages > 1 || filter_params.present? %>
-  </div>
+            <%= render 'shared/search_input', placeholder: "#{t('search')}..." %>
+          <% end %>
+        </div>
+      </div>
+  <% end %>
   <div class="flex items-center md:items-end gap-2">
     <%= render 'submissions_filters/applied_filters', filter_params:, with_status: true, with_default_status: true %>
     <%= render 'submissions_filters/filter_button', filter_params: %>

app/views/templates/edit.html.erb

@@ -1,4 +1,4 @@
-<% if current_user.created_at > 2.weeks.ago || params[:tour] == 'true' %>
+<% if !turbo_native_app? && (current_user.created_at > 2.weeks.ago || params[:tour] == 'true') %>
   <% user_config = current_user.user_configs.find_or_initialize_by(key: UserConfig::SHOW_APP_TOUR) %>
   <% @show_tour_start_form = user_config.new_record? && !params.key?(:tour) %>
   <% if user_config.new_record? || user_config.value || params[:tour] == 'true' %>

app/views/templates_archived/index.html.erb

@@ -6,14 +6,18 @@
     <% end %>
   </div>
 <% end %>
-<div class="group/header flex justify-between mb-4 items-center">
+<% if turbo_native_app? %>
-  <div class="max-md:group-has-[search-input:focus-within]/header:hidden">
+  <% content_for(:html_title, t('archived')) %>
-    <h1 class="text-2xl md:text-3xl font-bold md:block <%= 'hidden' if params[:q].present? %>"><%= t('document_templates_html') %> <span class="badge badge-outline badge-lg align-middle"><%= t('archived') %></span></h1>
+<% else %>
+  <div class="group/header flex justify-between mb-4 items-center">
+    <div class="max-md:group-has-[search-input:focus-within]/header:hidden">
+      <h1 class="text-2xl md:text-3xl font-bold md:block <%= 'hidden' if params[:q].present? %>"><%= t('document_templates_html') %> <span class="badge badge-outline badge-lg align-middle"><%= t('archived') %></span></h1>
+    </div>
+    <% if params[:q].present? || @pagy.pages > 1 %>
+      <%= render 'shared/search_input', placeholder: "#{t('search')}..." %>
+    <% end %>
   </div>
-  <% if params[:q].present? || @pagy.pages > 1 %>
+<% end %>
-    <%= render 'shared/search_input', placeholder: "#{t('search')}..." %>
-  <% end %>
-</div>
 <% if @pagy.count.nil? || @pagy.count > 0 %>
   <div class="grid gap-4 md:grid-cols-3">
     <%= render partial: 'templates/template', collection: @templates, locals: { with_folder: true } %>

app/views/templates_shared/index.html.erb

@@ -6,20 +6,24 @@
     <% end %>
   </div>
 <% end %>
-<div class="group/header relative flex justify-between items-center w-full mb-4">
+<% if turbo_native_app? %>
-  <h1 class="text-2xl truncate md:text-3xl font-bold flex items-center flex-grow min-w-0 space-x-2 md:flex max-md:group-has-[search-input:focus-within]/header:hidden <%= 'hidden' if params[:q].present? %>">
+  <% content_for(:html_title, t('shared').capitalize) %>
-    <%= svg_icon('folder', class: 'w-9 h-9 flex-shrink-0') %>
+<% else %>
-    <span class="truncate capitalize"><%= t('shared') %></span>
+  <div class="group/header relative flex justify-between items-center w-full mb-4">
-    <% if @is_archived %>
+    <h1 class="text-2xl truncate md:text-3xl font-bold flex items-center flex-grow min-w-0 space-x-2 md:flex max-md:group-has-[search-input:focus-within]/header:hidden <%= 'hidden' if params[:q].present? %>">
-      <span class="badge badge-outline badge-lg align-middle"><%= t('archived') %></span>
+      <%= svg_icon('folder', class: 'w-9 h-9 flex-shrink-0') %>
-    <% end %>
+      <span class="truncate capitalize"><%= t('shared') %></span>
-  </h1>
+      <% if @is_archived %>
-  <div class="flex space-x-2 max-md:has-[search-input:focus-within]:grow <%= 'max-md:grow' if params[:q].present? %>">
+        <span class="badge badge-outline badge-lg align-middle"><%= t('archived') %></span>
-    <% if params[:q].present? || @pagy.count.nil? || @pagy.count > 1 %>
+      <% end %>
-      <%= render 'shared/search_input' %>
+    </h1>
-    <% end %>
+    <div class="flex space-x-2 max-md:has-[search-input:focus-within]:grow <%= 'max-md:grow' if params[:q].present? %>">
+      <% if params[:q].present? || @pagy.count.nil? || @pagy.count > 1 %>
+        <%= render 'shared/search_input' %>
+      <% end %>
+    </div>
   </div>
-</div>
+<% end %>
 <% view_archived_html = capture do %>
   <% if @has_archived && params[:q].blank? %>
     <div>

tailwind.config.js

@@ -1,4 +1,7 @@
 module.exports = {
+  future: {
+    hoverOnlyWhenSupported: true
+  },
   plugins: [
     require('daisyui')
   ],

tailwind.dynamic.config.js

@@ -1,6 +1,9 @@
 const path = require('path')
 
 module.exports = {
+  future: {
+    hoverOnlyWhenSupported: true
+  },
   content: [
     path.resolve(__dirname, 'app/javascript/template_builder/dynamic_area.vue'),
     path.resolve(__dirname, 'app/javascript/template_builder/dynamic_section.vue')