fix(layout): fix table column stretching by wrapping long rental reasons
This commit is contained in:
parent
3b77251c36
commit
304c5e87ab
1 changed files with 4 additions and 4 deletions
|
|
@ -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">
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue