adjust mobile ui

This commit is contained in:
Pete Matsyburka
2024-08-14 16:51:38 +03:00
parent 5f9067baee
commit 32445f0e19
7 changed files with 9 additions and 11 deletions
+1 -1
View File
@@ -12,7 +12,7 @@
</span>
</div>
</div>
<div class="flex-shrink-0 sm:mt-2 w-1/2 md:w-full">
<div class="flex-shrink-0 sm:mt-2 max-w-[50%] md:max-w-full">
<div class="flex text-xs flex-col text-base-content/60 space-y-0.5">
<span class="flex items-center space-x-1">
<%= svg_icon('user', class: 'w-4 h-4 flex-shrink-0') %>
+1 -1
View File
@@ -1,7 +1,7 @@
<div class="flex flex-col items-start md:flex-row space-y-2 md:space-y-0 md:space-x-2 md:justify-between md:items-start mb-6 md:mb-3">
<div class="relative flex items-start justify-between w-full space-x-0">
<div>
<h1 class="text-4xl font-semibold" style="overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;">
<h1 class="text-3xl md:text-4xl font-semibold" style="overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;">
<% template.name.split(/(_)/).each do |item| %><%= item %><wbr><% end %>
<% if template.archived_at? %>
<span class="ml-1 badge badge-outline badge-lg align-middle">Archived</span>