OTSSigns/OTSSigns-Website
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Projects Releases Wiki Activity

feat: Add styles for check-in and self-order kiosk visual elements

Browse Source
This commit is contained in:
Matt Batchelder
2026-04-09 13:46:42 -04:00
parent 221a1265ca
commit 89d3c60ea0
1 changed files with 20 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
theme/assets/css/main.css
View File

@@ -12157,6 +12157,16 @@ p:last-child { margin-bottom: 0; }
Used on the kiosks page – platform-row selfCheckInAnim Used on the kiosks page – platform-row selfCheckInAnim
═══════════════════════════════════════════════════════════ */ ═══════════════════════════════════════════════════════════ */
.platform-visual.has-checkin {
background: none !important;
border: none !important;
border-radius: 0;
aspect-ratio: unset;
padding: 0;
overflow: visible;
box-shadow: none;
}
.checkin-stage { width: 100%; max-width: 400px; margin: 0 auto; } .checkin-stage { width: 100%; max-width: 400px; margin: 0 auto; }
.checkin-kiosk { .checkin-kiosk {
background: #0f1117; border: 1px solid #1e2435; border-radius: 12px; overflow: hidden; background: #0f1117; border: 1px solid #1e2435; border-radius: 12px; overflow: hidden;
@@ -12284,6 +12294,16 @@ p:last-child { margin-bottom: 0; }
Used on the kiosks page – platform-row selfOrderAnim Used on the kiosks page – platform-row selfOrderAnim
═══════════════════════════════════════════════════════════ */ ═══════════════════════════════════════════════════════════ */
.platform-visual.has-selforder {
background: none !important;
border: none !important;
border-radius: 0;
aspect-ratio: unset;
padding: 0;
overflow: visible;
box-shadow: none;
}
.selforder-stage { width: 100%; max-width: 420px; margin: 0 auto; } .selforder-stage { width: 100%; max-width: 420px; margin: 0 auto; }
.selforder-kiosk { .selforder-kiosk {
background: #0f1117; border: 1px solid #1e2435; border-radius: 12px; overflow: hidden; background: #0f1117; border: 1px solid #1e2435; border-radius: 12px; overflow: hidden;