supanadit/canteenhub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: enterprise blocky design with 0px border-radius and IDR currency

Browse Source
This commit is contained in:
supanadit
2026-08-27 17:37:36 +07:00
parent 5effce30cb
commit 804f551972
5 changed files with 294 additions and 311 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/Views/sessions/index.php
+2 -2
View File
@@ -49,11 +49,11 @@
<div style="font-size: 0.85rem; color: var(--text-muted); display: flex; align-items: center; gap: 0.4rem;">
<span>👤 Hosted by:</span>
<strong><?= e($session['creator_name']) ?></strong>
<span style="font-size: 0.75rem; background: #f1f5f9; padding: 0.1rem 0.35rem; border-radius: var(--radius-sm);">@<?= e($session['creator_username']) ?></span>
<span style="font-size: 0.75rem; background: #f1f5f9; padding: 0.1rem 0.35rem; border: 1px solid var(--border-color); font-family: var(--font-mono);">@<?= e($session['creator_username']) ?></span>
</div>
<?php if (!empty($session['notes'])): ?>
<div style="font-size: 0.825rem; color: #1e40af; background: #eff6ff; padding: 0.5rem 0.75rem; border-radius: var(--radius-sm); border-left: 3px solid #3b82f6;">
<div style="font-size: 0.825rem; color: #1e40af; background: #eff6ff; padding: 0.5rem 0.75rem; border-left: 3px solid #2563eb; border: 1px solid #bfdbfe;">
📢 <?= e($session['notes']) ?>
</div>
<?php endif; ?>
app/Views/sessions/show.php
+6 -6
View File
@@ -106,7 +106,7 @@
</label>
<?php if (empty($session['menus'])): ?>
<div style="padding: 1.5rem; text-align: center; background: #f8fafc; border-radius: var(--radius-sm); border: 1px dashed var(--border-color);">
<div style="padding: 1.5rem; text-align: center; background: #f8fafc; border: 1px dashed var(--border-color);">
<p style="color: var(--text-muted); font-size: 0.9rem;">No menu listed yet for today.</p>
</div>
<?php else: ?>
@@ -142,14 +142,14 @@
<!-- Selected Items Customizer (Quantity & Notes) -->
<template x-if="selectedItems.length > 0">
<div style="margin-top: 1.25rem; background: #f8fafc; border: 1px solid var(--border-color); border-radius: var(--radius-sm); padding: 1rem;">
<div style="margin-top: 1.25rem; background: #f8fafc; border: 1px solid var(--border-color); padding: 1rem;">
<div style="font-weight: 600; font-size: 0.85rem; margin-bottom: 0.75rem; color: var(--text-main);">
📝 Customize Quantities &amp; Requests:
</div>
<div style="display: flex; flex-direction: column; gap: 0.75rem;">
<template x-for="(item, idx) in selectedItems" :key="idx">
<div style="display: flex; align-items: center; gap: 0.75rem; background: white; padding: 0.6rem 0.75rem; border-radius: var(--radius-sm); border: 1px solid var(--border-color); flex-wrap: wrap;">
<div style="display: flex; align-items: center; gap: 0.75rem; background: white; padding: 0.6rem 0.75rem; border: 1px solid var(--border-color); flex-wrap: wrap;">
<input type="hidden" :name="`items[${idx}][session_menu_id]`" :value="item.id">
<input type="hidden" :name="`items[${idx}][item_name]`" :value="item.name">
@@ -220,7 +220,7 @@
<?= (int)$order['user_id'] === (int)$currentUser['id'] ? ' <span style="font-size: 0.75rem; color: var(--primary); font-weight: normal;">(You)</span>' : '' ?>
</strong>
<?php if (!empty($order['mattermost_username'])): ?>
<span style="font-size: 0.775rem; color: var(--text-muted); background: #f1f5f9; padding: 0.15rem 0.4rem; border-radius: var(--radius-sm);">@<?= e($order['mattermost_username']) ?></span>
<span style="font-size: 0.775rem; color: var(--text-muted); background: #f1f5f9; padding: 0.15rem 0.4rem; border: 1px solid var(--border-color);">@<?= e($order['mattermost_username']) ?></span>
<?php endif; ?>
<span style="font-size: 0.75rem; color: var(--text-muted); margin-left: auto;"><?= date('H:i', strtotime($order['created_at'])) ?></span>
</div>
@@ -228,7 +228,7 @@
<ul style="list-style: none; margin-top: 0.5rem; display: flex; flex-direction: column; gap: 0.35rem;">
<?php foreach ($order['items'] as $item): ?>
<li style="font-size: 0.9rem; display: flex; align-items: center; gap: 0.5rem;">
<span style="font-weight: 700; color: var(--primary); background: var(--primary-light); padding: 0.1rem 0.45rem; border-radius: var(--radius-sm); font-size: 0.8rem;"><?= e($item['quantity']) ?>x</span>
<span style="font-weight: 700; color: var(--primary); background: var(--primary-light); padding: 0.1rem 0.45rem; border: 1px solid var(--border-color); font-size: 0.8rem;"><?= e($item['quantity']) ?>x</span>
<span><?= e($item['item_name']) ?></span>
<?php if (!empty($item['notes'])): ?>
<em style="color: var(--text-muted); font-size: 0.8rem;">(<?= e($item['notes']) ?>)</em>
@@ -241,7 +241,7 @@
</ul>
<?php if (!empty($order['notes'])): ?>
<div style="margin-top: 0.5rem; font-size: 0.8rem; color: var(--text-muted); background: #f8fafc; padding: 0.35rem 0.6rem; border-radius: var(--radius-sm);">
<div style="margin-top: 0.5rem; font-size: 0.8rem; color: var(--text-muted); background: #f8fafc; padding: 0.35rem 0.6rem; border: 1px solid var(--border-color);">
💬 Note: <?= e($order['notes']) ?>
</div>
<?php endif; ?>