fix(layout): fix table column stretching by wrapping long rental reasons

This commit is contained in:
NAS-Admin 2026-06-01 09:13:26 +09:00
parent 3b77251c36
commit 304c5e87ab

View file

@ -90,16 +90,16 @@
<div class="text-[10px] text-slate-400 font-black uppercase tracking-widest" <div class="text-[10px] text-slate-400 font-black uppercase tracking-widest"
x-text="item.manufacturer"></div> x-text="item.manufacturer"></div>
</td> </td>
<td class="px-6 py-4 whitespace-nowrap"> <td class="px-6 py-4">
<template x-if="item.rental_user_name"> <template x-if="item.rental_user_name">
<div class="flex items-center"> <div class="flex items-start">
<div <div
class="w-2.5 h-2.5 bg-emerald-500 rounded-full mr-2.5 shadow-[0_0_8px_rgba(16,185,129,0.5)]"> class="w-2.5 h-2.5 bg-emerald-500 rounded-full mr-2.5 mt-1.5 shadow-[0_0_8px_rgba(16,185,129,0.5)]">
</div> </div>
<div> <div>
<span class="text-sm font-black text-slate-900" <span class="text-sm font-black text-slate-900"
x-text="item.rental_user_name"></span> x-text="item.rental_user_name"></span>
<div class="text-[10px] text-slate-400 font-bold" <div class="text-[10px] text-slate-400 font-bold max-w-[280px] whitespace-normal break-words"
x-text="item.rental_reason ? '사유: ' + item.rental_reason : ''"></div> x-text="item.rental_reason ? '사유: ' + item.rental_reason : ''"></div>
<template x-if="item.rental_peripherals"> <template x-if="item.rental_peripherals">
<div class="flex flex-wrap gap-1 mt-1"> <div class="flex flex-wrap gap-1 mt-1">