rene/checkflo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Feature: Schmidt Hygiene GmbH als White-Label Demo (blaue CI, eigenes Logo, Live-Iframe)

Browse source
This commit is contained in:
rene 2026-05-17 15:49:06 +02:00
parent 678a5f9a03
commit 533cb905fa
3 changed files with 81 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

9
app/src/lib/assets/schmidt-hygiene-logo.svg Normal file
View file

@ -0,0 +1,9 @@
<svg width="520" height="100" viewBox="0 0 520 100" xmlns="http://www.w3.org/2000/svg">
<!-- Icon: Blaues Quadrat mit Wassertropfen -->
<rect x="0" y="8" width="84" height="84" rx="18" fill="#1B4FBF"/>
<path d="M42 22 C42 22 23 44 23 58 C23 69.5 31.6 78 42 78 C52.4 78 61 69.5 61 58 C61 44 42 22 42 22Z" fill="white"/>
<circle cx="35" cy="53" r="5" fill="#1B4FBF" opacity="0.4"/>
<!-- Firmenname -->
<text x="100" y="50" font-family="Arial, Helvetica, sans-serif" font-size="30" font-weight="700" fill="#1B4FBF">Schmidt</text>
<text x="100" y="78" font-family="Arial, Helvetica, sans-serif" font-size="22" font-weight="400" fill="#4a5568">Hygiene GmbH</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 680 B

35
app/src/routes/+page.svelte
View file

@ -1,5 +1,6 @@
<script lang="ts">
import logo from '$lib/assets/checkflo-logo.png';
import schmidtLogo from '$lib/assets/schmidt-hygiene-logo.svg';
const features = [
{
@ -53,18 +54,18 @@
<div class="devices">
<!-- Desktop: CSS Dashboard-Preview -->
<!-- Desktop: CSS Dashboard Schmidt Hygiene -->
<div class="device-browser">
<div class="browser-bar">
<div class="browser-dots">
<span></span><span></span><span></span>
</div>
<div class="browser-url">app.musterprüfbetrieb.de/admin</div>
<div class="browser-url">app.schmidt-hygiene.de/admin</div>
</div>
<div class="browser-screen">
<div class="dash-sidebar">
<div class="dash-logo">checkflo<span>.de</span></div>
<div class="dash-nav-item active">Dashboard</div>
<img src={schmidtLogo} alt="Schmidt Hygiene" class="dash-brand-logo" />
<div class="dash-nav-item active schmidt">Dashboard</div>
<div class="dash-nav-item">Protokoll</div>
<div class="dash-nav-item">Stationen</div>
</div>
@ -92,34 +93,34 @@
<div class="dash-entries-title">Heutige Einträge</div>
<div class="dash-entry">
<span class="entry-badge ok">OK</span>
<span class="entry-station">Kühlschrank 1 (Küche)</span>
<span class="entry-temp">5 °C</span>
<span class="entry-who">Maria S. · 07:42</span>
<span class="entry-station">Fleischkühltheke</span>
<span class="entry-temp">2 °C</span>
<span class="entry-who">Thomas K. · 06:55</span>
</div>
<div class="dash-entry">
<span class="entry-badge ok">OK</span>
<span class="entry-station">Kühlschrank 2 (Getränke)</span>
<span class="entry-temp">6 °C</span>
<span class="entry-who">Klaus B. · 08:05</span>
<span class="entry-station">Wurstkühlschrank</span>
<span class="entry-temp">3 °C</span>
<span class="entry-who">Maria S. · 07:12</span>
</div>
<div class="dash-entry">
<span class="entry-badge warn">Abweichung</span>
<span class="entry-station">Tiefkühlzelle</span>
<span class="entry-temp">−15 °C</span>
<span class="entry-who">Sandra M. · 08:31</span>
<span class="entry-station">Tiefkühltruhe</span>
<span class="entry-temp">−16 °C</span>
<span class="entry-who">Thomas K. · 08:03</span>
</div>
</div>
</div>
</div>
<!-- Mobile: Live-Iframe -->
<!-- Mobile: Live-Iframe Schmidt Hygiene (blau) -->
<div class="device-phone">
<div class="phone-frame">
<div class="phone-notch"></div>
<div class="phone-screen">
<iframe
src="https://checkflo.de/s/b6b30daf-8bfe-4648-ba2b-6c42916d2264"
title="checkflo Demo"
src="https://checkflo.de/s/c0c9c394-6507-4f9f-bb03-584a7978587e"
title="Schmidt Hygiene Demo"
scrolling="no"
></iframe>
</div>
@ -361,6 +362,8 @@
padding: 0 0.25rem;
}
.dash-logo span { color: #F97316; }
.dash-brand-logo { width: 100%; margin-bottom: 1rem; filter: brightness(0) invert(1); }
.dash-nav-item.schmidt { background: rgba(27,79,191,0.2); color: #6b9fff; }
.dash-nav-item {
padding: 0.4rem 0.5rem;
border-radius: 5px;