Refactors design system documentation and layout
Updates design system documentation with comprehensive component overview Enhances UI layout across multiple pages with consistent styling and new components Adds support for charts, pagination, and responsive design elements Improves overall system documentation and visual consistency
This commit is contained in:
parent
35b15294e3
commit
fac7754d7a
14 changed files with 3492 additions and 281 deletions
|
|
@ -3370,6 +3370,118 @@ Tak for din handel!</swp-edit-textarea>
|
|||
</swp-module-card>
|
||||
</swp-modules-grid>
|
||||
</swp-modules-section>
|
||||
|
||||
<!-- Integrationer sektion -->
|
||||
<swp-modules-section>
|
||||
<swp-modules-header>
|
||||
<swp-modules-title>
|
||||
<i class="ph ph-plugs-connected"></i>
|
||||
Integrationer
|
||||
</swp-modules-title>
|
||||
</swp-modules-header>
|
||||
|
||||
<swp-modules-grid>
|
||||
<!-- Sygeforsikring "danmark" -->
|
||||
<swp-module-card class="featured">
|
||||
<swp-module-header>
|
||||
<swp-module-icon class="green">
|
||||
<i class="ph ph-heart-half"></i>
|
||||
</swp-module-icon>
|
||||
<swp-module-info>
|
||||
<swp-module-title>Sygeforsikring "danmark"</swp-module-title>
|
||||
<swp-module-desc>Gør det nemt for dine kunder at få tilskud. Send automatisk kvitteringer til "danmark" så kunderne får deres penge tilbage uden selv at løfte en finger.</swp-module-desc>
|
||||
</swp-module-info>
|
||||
<swp-module-toggle>
|
||||
<swp-toggle-slider data-value="no">
|
||||
<swp-toggle-option>Til</swp-toggle-option>
|
||||
<swp-toggle-option>Fra</swp-toggle-option>
|
||||
</swp-toggle-slider>
|
||||
</swp-module-toggle>
|
||||
</swp-module-header>
|
||||
<swp-module-features>
|
||||
<swp-module-feature>
|
||||
<i class="ph ph-check-circle"></i>
|
||||
<span>Automatisk indsendelse af kvitteringer</span>
|
||||
</swp-module-feature>
|
||||
<swp-module-feature>
|
||||
<i class="ph ph-check-circle"></i>
|
||||
<span>Direkte integration via API</span>
|
||||
</swp-module-feature>
|
||||
<swp-module-feature>
|
||||
<i class="ph ph-check-circle"></i>
|
||||
<span>Kunden får tilskud uden besvær</span>
|
||||
</swp-module-feature>
|
||||
<swp-module-feature>
|
||||
<i class="ph ph-check-circle"></i>
|
||||
<span>Øget kundetilfredshed</span>
|
||||
</swp-module-feature>
|
||||
</swp-module-features>
|
||||
<swp-module-stats>
|
||||
<swp-module-stat>
|
||||
<swp-module-stat-value>2.1M</swp-module-stat-value>
|
||||
<swp-module-stat-label>Medlemmer i DK</swp-module-stat-label>
|
||||
</swp-module-stat>
|
||||
<swp-module-stat>
|
||||
<swp-module-stat-value>100%</swp-module-stat-value>
|
||||
<swp-module-stat-label>Automatiseret</swp-module-stat-label>
|
||||
</swp-module-stat>
|
||||
<swp-module-stat>
|
||||
<swp-module-stat-value>0 kr</swp-module-stat-value>
|
||||
<swp-module-stat-label>Ekstra gebyr</swp-module-stat-label>
|
||||
</swp-module-stat>
|
||||
</swp-module-stats>
|
||||
<swp-module-footer>
|
||||
<swp-module-tags>
|
||||
<swp-module-tag class="included">Inkluderet</swp-module-tag>
|
||||
</swp-module-tags>
|
||||
<swp-btn class="small primary">Opsæt integration</swp-btn>
|
||||
</swp-module-footer>
|
||||
</swp-module-card>
|
||||
|
||||
<!-- Kalenderintegration -->
|
||||
<swp-module-card>
|
||||
<swp-module-header>
|
||||
<swp-module-icon class="blue">
|
||||
<i class="ph ph-calendar-check"></i>
|
||||
</swp-module-icon>
|
||||
<swp-module-info>
|
||||
<swp-module-title>Kalenderintegration</swp-module-title>
|
||||
<swp-module-desc>Få dine bookinger synkroniseret til din private kalender automatisk. Se alle aftaler samlet ét sted - også når du er offline.</swp-module-desc>
|
||||
</swp-module-info>
|
||||
<swp-module-toggle>
|
||||
<swp-toggle-slider data-value="yes">
|
||||
<swp-toggle-option>Til</swp-toggle-option>
|
||||
<swp-toggle-option>Fra</swp-toggle-option>
|
||||
</swp-toggle-slider>
|
||||
</swp-module-toggle>
|
||||
</swp-module-header>
|
||||
<swp-module-features>
|
||||
<swp-module-feature>
|
||||
<i class="ph ph-check-circle"></i>
|
||||
<span>Google Kalender</span>
|
||||
</swp-module-feature>
|
||||
<swp-module-feature>
|
||||
<i class="ph ph-check-circle"></i>
|
||||
<span>Apple iCloud Kalender</span>
|
||||
</swp-module-feature>
|
||||
<swp-module-feature>
|
||||
<i class="ph ph-check-circle"></i>
|
||||
<span>Microsoft Outlook</span>
|
||||
</swp-module-feature>
|
||||
<swp-module-feature>
|
||||
<i class="ph ph-check-circle"></i>
|
||||
<span>Tovejs-synkronisering</span>
|
||||
</swp-module-feature>
|
||||
</swp-module-features>
|
||||
<swp-module-footer>
|
||||
<swp-module-tags>
|
||||
<swp-module-tag class="included">Inkluderet</swp-module-tag>
|
||||
</swp-module-tags>
|
||||
<swp-btn class="small secondary">Indstillinger</swp-btn>
|
||||
</swp-module-footer>
|
||||
</swp-module-card>
|
||||
</swp-modules-grid>
|
||||
</swp-modules-section>
|
||||
</swp-tab-content>
|
||||
|
||||
<!-- ==========================================
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue