스케줄러 edit view 컬럼별 반응형 width 수정

This commit is contained in:
ming 2025-04-28 13:28:12 +09:00
parent f7cedfd799
commit 02932e8b79
1 changed files with 6 additions and 6 deletions

View File

@ -10,11 +10,11 @@
<ul class="divide-y divide-base-border whitespace-nowrap"> <ul class="divide-y divide-base-border whitespace-nowrap">
<% @schedule.each do |s| %> <% @schedule.each do |s| %>
<li class="flex justify-between items-center px-4 py-2 space-x-4"> <li class="flex justify-between items-center px-4 py-2 space-x-4">
<div class="flex items-center space-x-4 basis-2/3"> <div class="flex items-center space-x-4 basis-3/5">
<!-- 시간 --> <!-- 시간 -->
<div class="flex flex-col md:flex-row w-full items-center space-x-0 space-y-2 md:space-x-2 md:space-y-0"> <div class="flex flex-col md:flex-row basis-2/3 items-center space-x-0 space-y-2 md:space-x-4 md:space-y-0">
<div class="text-white">시간</div> <div class="text-white text-left w-full md:w-auto">시간</div>
<div class="text-xl flex items-center space-x-1"> <div class="text-xl flex items-center space-x-1 w-full">
<%= select_tag "schedule[#{s.id}][hour]", <%= select_tag "schedule[#{s.id}][hour]",
options_for_select((0..23).map { |h| [h.to_s.rjust(2, '0'), h] }, s.hour), options_for_select((0..23).map { |h| [h.to_s.rjust(2, '0'), h] }, s.hour),
class: "select-style text-white" %> class: "select-style text-white" %>
@ -24,8 +24,8 @@
</div> </div>
<!-- 온도 --> <!-- 온도 -->
<div class="flex flex-col md:flex-row w-full items-center space-x-0 space-y-2 md:space-x-4 md:space-y-0"> <div class="flex flex-col md:flex-row basis-2/5 items-center space-x-0 space-y-2 md:space-x-4 md:space-y-0">
<div class="text-white">온도</div> <div class="text-white text-left w-full md:w-auto">온도</div>
<div class="text-xl flex items-center space-x-2"> <div class="text-xl flex items-center space-x-2">
<div> <div>
<%= number_field_tag "schedule[#{s.id}][temperature]", s.temperature, step: "0.1", inputmode: "decimal", class: "input-style" %> <%= number_field_tag "schedule[#{s.id}][temperature]", s.temperature, step: "0.1", inputmode: "decimal", class: "input-style" %>