remove: eliminate all uppercase text-transform classes for readability
- Removed 74 instances of 'uppercase' Tailwind class - Removed uppercase from card-subtitle utility in globals.css - All UI text now displays in natural sentence/mixed case - Maintains letter-spacing (tracking-widest) for hierarchy This improves readability and accessibility.
This commit is contained in:
@@ -254,7 +254,7 @@ export default function InventoryPage() {
|
||||
</div>
|
||||
<div>
|
||||
<h1 className="text-2xl md:text-3xl font-black tracking-tight text-white leading-tight">Inventory Catalog</h1>
|
||||
<p className="text-xs md:text-sm text-secondary font-bold mt-1 uppercase tracking-widest">Enterprise Stock Overview</p>
|
||||
<p className="text-xs md:text-sm text-secondary font-bold mt-1 tracking-widest">Enterprise Stock Overview</p>
|
||||
</div>
|
||||
<button
|
||||
onClick={() => setShowBoxManager(true)}
|
||||
@@ -365,7 +365,7 @@ export default function InventoryPage() {
|
||||
)}>
|
||||
{item.quantity}
|
||||
</span>
|
||||
<p className="text-sm text-muted font-bold uppercase tracking-tight">Stock</p>
|
||||
<p className="text-sm text-muted font-bold tracking-tight">Stock</p>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
@@ -391,7 +391,7 @@ export default function InventoryPage() {
|
||||
<h3 className="text-xl font-black tracking-tight flex items-center gap-2">
|
||||
{isEditing ? "Edit Item" : selectedItem.name}
|
||||
{!isEditing && (
|
||||
<span className="text-xs bg-slate-800 text-slate-300 px-3 py-1 rounded-lg font-bold uppercase tracking-tight">
|
||||
<span className="text-xs bg-slate-800 text-slate-300 px-3 py-1 rounded-lg font-bold tracking-tight">
|
||||
In Stock: {selectedItem.quantity}
|
||||
</span>
|
||||
)}
|
||||
@@ -432,7 +432,7 @@ export default function InventoryPage() {
|
||||
{isEditing ? (
|
||||
<div className="max-h-[60vh] overflow-y-auto pr-2 space-y-4 mb-6 scrollbar-hide">
|
||||
<div>
|
||||
<label className="text-sm font-bold text-secondary ml-1 uppercase tracking-tight">Item Name</label>
|
||||
<label className="text-sm font-bold text-secondary ml-1 tracking-tight">Item Name</label>
|
||||
<input
|
||||
type="text"
|
||||
value={editedItem.name || ''}
|
||||
@@ -441,17 +441,17 @@ export default function InventoryPage() {
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label className="text-sm font-bold text-secondary ml-1 uppercase tracking-tight">Part Number</label>
|
||||
<label className="text-sm font-bold text-secondary ml-1 tracking-tight">Part Number</label>
|
||||
<input
|
||||
type="text"
|
||||
value={editedItem.part_number || ''}
|
||||
onChange={e => setEditedItem({...editedItem, part_number: e.target.value})}
|
||||
className="w-full bg-background border border-slate-800 rounded-xl py-3 px-4 text-sm font-bold outline-none text-slate-100 placeholder:text-slate-700 uppercase"
|
||||
className="w-full bg-background border border-slate-800 rounded-xl py-3 px-4 text-sm font-bold outline-none text-slate-100 placeholder:text-slate-700"
|
||||
/>
|
||||
</div>
|
||||
<div className="grid grid-cols-2 gap-4">
|
||||
<div>
|
||||
<label className="text-sm font-bold text-secondary ml-1 uppercase tracking-tight">Category</label>
|
||||
<label className="text-sm font-bold text-secondary ml-1 tracking-tight">Category</label>
|
||||
<input
|
||||
type="text"
|
||||
list="existing-categories"
|
||||
@@ -467,7 +467,7 @@ export default function InventoryPage() {
|
||||
</datalist>
|
||||
</div>
|
||||
<div>
|
||||
<label className="text-sm font-bold text-secondary ml-1 uppercase tracking-tight">Item Type</label>
|
||||
<label className="text-sm font-bold text-secondary ml-1 tracking-tight">Item Type</label>
|
||||
<input
|
||||
type="text"
|
||||
list="existing-types"
|
||||
@@ -477,7 +477,7 @@ export default function InventoryPage() {
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label className="text-sm font-bold text-secondary ml-1 uppercase tracking-tight">Connector</label>
|
||||
<label className="text-sm font-bold text-secondary ml-1 tracking-tight">Connector</label>
|
||||
<input
|
||||
type="text"
|
||||
value={editedItem.connector || ''}
|
||||
@@ -487,7 +487,7 @@ export default function InventoryPage() {
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label className="text-sm font-bold text-secondary ml-1 uppercase tracking-tight">Size / Length</label>
|
||||
<label className="text-sm font-bold text-secondary ml-1 tracking-tight">Size / Length</label>
|
||||
<input
|
||||
type="text"
|
||||
value={editedItem.size || ''}
|
||||
@@ -497,7 +497,7 @@ export default function InventoryPage() {
|
||||
/>
|
||||
</div>
|
||||
<div className="col-span-2">
|
||||
<label className="text-sm font-bold text-secondary ml-1 uppercase tracking-tight">Item Color</label>
|
||||
<label className="text-sm font-bold text-secondary ml-1 tracking-tight">Item Color</label>
|
||||
<input
|
||||
type="text"
|
||||
value={editedItem.color || ''}
|
||||
@@ -507,7 +507,7 @@ export default function InventoryPage() {
|
||||
/>
|
||||
</div>
|
||||
<div className="col-span-2">
|
||||
<label className="text-sm font-bold text-secondary ml-1 uppercase tracking-tight">Box / Container Label</label>
|
||||
<label className="text-sm font-bold text-secondary ml-1 tracking-tight">Box / Container Label</label>
|
||||
<div className="relative flex items-center">
|
||||
<input
|
||||
type="text"
|
||||
@@ -535,7 +535,7 @@ export default function InventoryPage() {
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<label className="text-sm font-bold text-secondary ml-1 uppercase tracking-tight">Specs / Comments</label>
|
||||
<label className="text-sm font-bold text-secondary ml-1 tracking-tight">Specs / Comments</label>
|
||||
<textarea
|
||||
value={editedItem.specs || ''}
|
||||
onChange={e => setEditedItem({...editedItem, specs: e.target.value})}
|
||||
@@ -543,7 +543,7 @@ export default function InventoryPage() {
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label className="text-sm font-bold text-secondary ml-1 uppercase tracking-tight">OCR Matching Key</label>
|
||||
<label className="text-sm font-bold text-secondary ml-1 tracking-tight">OCR Matching Key</label>
|
||||
<textarea
|
||||
value={editedItem.ocr_text || ''}
|
||||
onChange={e => setEditedItem({...editedItem, ocr_text: e.target.value})}
|
||||
@@ -568,7 +568,7 @@ export default function InventoryPage() {
|
||||
)}
|
||||
>
|
||||
<t.icon size={20} className={adjustType === t.id ? t.color : ""} />
|
||||
<span className="text-sm font-bold mt-1.5 uppercase tracking-tight">{t.label}</span>
|
||||
<span className="text-sm font-bold mt-1.5 tracking-tight">{t.label}</span>
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
@@ -642,7 +642,7 @@ export default function InventoryPage() {
|
||||
|
||||
<div className="space-y-4">
|
||||
<div>
|
||||
<label className="text-sm font-bold text-secondary ml-1 uppercase tracking-tight">Name</label>
|
||||
<label className="text-sm font-bold text-secondary ml-1 tracking-tight">Name</label>
|
||||
<input
|
||||
type="text"
|
||||
value={catEditedName}
|
||||
@@ -651,7 +651,7 @@ export default function InventoryPage() {
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
<label className="text-sm font-bold text-secondary ml-1 uppercase tracking-tight">Description</label>
|
||||
<label className="text-sm font-bold text-secondary ml-1 tracking-tight">Description</label>
|
||||
<textarea
|
||||
value={catEditedDesc}
|
||||
onChange={e => setCatEditedDesc(e.target.value)}
|
||||
@@ -770,7 +770,7 @@ export default function InventoryPage() {
|
||||
<div className="w-full max-w-md flex flex-col gap-6">
|
||||
|
||||
<div id="print-label-area" className="w-full bg-white p-8 rounded-lg shadow-2xl flex flex-col items-center gap-6">
|
||||
<h2 className="text-2xl font-black text-black tracking-tighter text-center uppercase">
|
||||
<h2 className="text-2xl font-black text-black tracking-tighter text-center">
|
||||
{selectedBoxLabel}
|
||||
</h2>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user