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">
+      <% 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,6 +8,9 @@
   </div>
 <% end %>
 <div class="flex flex-col md:flex-row md:items-center mb-4 gap-3">
+  <% if turbo_native_app? %>
+    <% content_for(:html_title, t('archived')) %>
+  <% else %>
       <div class="group/header flex w-full justify-between 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('submissions') %> <span class="badge badge-outline badge-lg align-middle"><%= t('archived') %></span></h1>
@@ -18,6 +21,7 @@
           <% 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? %>
+  <% content_for(:html_title, t('archived')) %>
+<% 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>
+  </div>
+<% end %>
 <% 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,7 +6,10 @@
     <% end %>
   </div>
 <% end %>
-<div class="group/header relative flex justify-between items-center w-full mb-4">
+<% if turbo_native_app? %>
+  <% content_for(:html_title, t('shared').capitalize) %>
+<% else %>
+  <div class="group/header relative flex justify-between items-center w-full mb-4">
     <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? %>">
       <%= svg_icon('folder', class: 'w-9 h-9 flex-shrink-0') %>
       <span class="truncate capitalize"><%= t('shared') %></span>
@@ -19,7 +22,8 @@
         <%= 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')