adjust mobile tables

This commit is contained in:
Alex Turchyn authored and Pete Matsyburka committed 2026-09-23 11:00:17 +03:00
1 parent 9e89cb92a9
commit e3e5c237d4
9 files changed
+205 -56

No files matched your search

+17 -16
View File
@@ -2,16 +2,15 @@
<div class="flex-wrap space-y-4 md:flex md:flex-nowrap md:space-y-0 md:space-x-10">
<%= render 'shared/settings_nav' %>
<div class="md:flex-grow">
<div class="flex flex-col md:flex-row md:flex-wrap gap-2 md:justify-between md:items-end mb-4 min-h-12">
<h1 class="text-3xl md:text-4xl font-bold">
<div class="flex flex-row items-center justify-between gap-2 md:items-end mb-4 min-h-12">
<h1 class="text-3xl md:text-4xl font-bold truncate min-w-0">
<%= t('mcp_server') %>
</h1>
<div class="flex flex-col md:flex-row gap-y-2 gap-x-4 md:items-center">
<%= link_to new_settings_mcp_path, class: 'btn btn-primary btn-md gap-2 w-full md:w-fit', aria: { label: t('new_token') }, data: { turbo_frame: 'modal' } do %>
<%= svg_icon('plus', class: 'w-6 h-6') %>
<span><%= t('new_token') %></span>
<% end %>
</div>
<%= link_to new_settings_mcp_path, class: 'shrink-0 btn btn-primary btn-md gap-2', aria: { label: t('new_token') }, data: { turbo_frame: :modal, native_modal: :medium } do %>
<%= svg_icon('plus', class: 'w-6 h-6') %>
<span class="md:hidden"><%= t('new') %></span>
<span class="hidden md:inline"><%= t('new_token') %></span>
<% end %>
</div>
<% if @mcp_token.present? %>
<div class="space-y-4 mb-4">
@@ -48,7 +47,7 @@
</div>
<% end %>
<div class="overflow-x-auto">
<table class="table w-full table-lg rounded-b-none overflow-hidden">
<table class="table table-stack w-full table-lg rounded-b-none overflow-hidden">
<thead class="bg-base-200">
<tr class="text-neutral uppercase">
<th>
@@ -70,14 +69,16 @@
<td>
<%= mcp_token.name %>
</td>
<td>
<% if @mcp_token.present? && mcp_token.id == @mcp_token.id %>
<%= @mcp_token.token %>
<% else %>
<%= "#{mcp_token.token_prefix}#{'*' * 38}" %>
<% end %>
<td data-label="<%= t('token') %>">
<span class="font-mono truncate inline-block max-w-[220px] align-middle">
<% if @mcp_token.present? && mcp_token.id == @mcp_token.id %>
<%= @mcp_token.token %>
<% else %>
<%= "#{mcp_token.token_prefix}#{'*' * 38}" %>
<% end %>
</span>
</td>
<td>
<td data-label="<%= t('created_at') %>">
<%= l(mcp_token.created_at.in_time_zone(current_account.timezone), format: :short, locale: current_account.locale) %>
</td>
<td class="flex items-center space-x-2 justify-end">