Modal 스타일 수정

This commit is contained in:
ming 2025-04-25 14:00:52 +09:00
parent 55715a20eb
commit 2f237acaec
2 changed files with 7 additions and 7 deletions

View File

@ -10,9 +10,9 @@
From: "opacity-100" From: "opacity-100"
To: "opacity-0" To: "opacity-0"
--> -->
<div id="modals-backdrop" class="fixed inset-0 bg-default-slate-dark transition-opacity opacity-0 ease-out duration-500" aria-hidden="true"></div> <div id="modals-backdrop" class="fixed inset-0 bg-base-background transition-opacity opacity-0 ease-out duration-500" aria-hidden="true"></div>
<div class="fixed inset-0 z-40 w-screen overflow-y-auto py-8"> <div class="fixed inset-0 z-40 w-screen overflow-y-auto py-4">
<div class="flex min-h-full items-center justify-center text-center sm:items-center"> <div class="flex min-h-full items-center justify-center text-center sm:items-center">
<!-- <!--
Modal panel, show/hide based on modal state. Modal panel, show/hide based on modal state.
@ -24,7 +24,7 @@
From: "opacity-100 translate-y-0 sm:scale-100" From: "opacity-100 translate-y-0 sm:scale-100"
To: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" To: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
--> -->
<div id="modals-panel" class="p-4 space-y-4 z-40 relative transform overflow-hidden rounded-md bg-white text-left shadow-xl transition-all w-full max-w-full mx-2 sm:mx-10 opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95 ease-out duration-500" data-controller="modals" data-action="modals:click:outside->modals#close"> <div id="modals-panel" class="p-4 space-y-4 z-40 relative transform overflow-hidden rounded-md bg-base-secondary text-left shadow-xl transition-all w-full max-w-full mx-2 sm:mx-10 opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95 ease-out duration-500" data-controller="modals" data-action="modals:click:outside->modals#close">
<div> <div>
<%= render "partials/modals/#{type}" %> <%= render "partials/modals/#{type}" %>
</div> </div>

View File

@ -1,7 +1,7 @@
<%= form_with model: @schedule, method: :post, data: { turbo: false }, class: 'flex flex-col h-full divide-y divide-border-table-border' do |form| %> <%= form_with model: @schedule, method: :post, data: { turbo: false }, class: 'flex flex-col h-full space-y-4' do |form| %>
<%= form.hidden_field :controller_id, value: params[:id] %> <%= form.hidden_field :controller_id, value: params[:id] %>
<div class="flex-1 p-4"> <div class="flex-1 text-white space-y-4">
<span class="text-2xl font-bold"><%= Controller.find(params[:id]).name %> 컨트롤러</span> <div class="text-2xl font-bold"><%= Controller.find(params[:id]).name %> 컨트롤러</div>
<table class="base-table"> <table class="base-table">
<thead> <thead>
<tr> <tr>
@ -35,7 +35,7 @@
</table> </table>
</div> </div>
<div class="flex p-4"> <div class="flex">
<%= submit_tag "추가", class: "btn bg-primary" %> <%= submit_tag "추가", class: "btn bg-primary" %>
</div> </div>
<% end %> <% end %>