mirror of
https://github.com/zitadel/zitadel.git
synced 2025-10-09 11:12:01 +00:00
153c9054ad
* help, legal section * Update docs/docs/legal/introduction.mdx Co-authored-by: Florian Forster <florian@caos.ch> Co-authored-by: Florian Forster <florian@caos.ch>
82 lines
3.1 KiB
JavaScript
82 lines
3.1 KiB
JavaScript
import React from 'react';
|
|
|
|
import styles from '../css/list.module.css';
|
|
|
|
export const ICONTYPE = {
|
|
START: <div className="rounded rounded-start">
|
|
<i className={`las la-play-circle`}></i>
|
|
</div>,
|
|
LOGIN: <div className="rounded rounded-login">
|
|
<i className={`las la-sign-in-alt`}></i>
|
|
</div>,
|
|
PRIVATELABELING: <div className="rounded rounded-privatelabel">
|
|
<i className={`las la-swatchbook`}></i>
|
|
</div>,
|
|
TEXTS: <div className="rounded rounded-texts">
|
|
<i className={`las la-paragraph`}></i>
|
|
</div>,
|
|
POLICY: <div className="rounded rounded-policy">
|
|
<i className={`las la-file-contract`}></i>
|
|
</div>,
|
|
SERVICE: <div className="rounded rounded-service">
|
|
<i className={`las la-concierge-bell`}></i>
|
|
</div>,
|
|
SYSTEM: <div className="rounded rounded-system">
|
|
<i className={`las la-server`}></i>
|
|
</div>,
|
|
APIS: <div className="rounded rounded-apis">
|
|
<i className={`las la-code`}></i>
|
|
</div>,
|
|
HELP: <div className="rounded rounded-help">
|
|
<i className={`las la-question`}></i>
|
|
</div>,
|
|
HELP_REGISTER: <div className="rounded rounded-login">
|
|
<i className={`las la-plus-circle`}></i>
|
|
</div>,
|
|
HELP_LOGIN: <div className="rounded rounded-login">
|
|
<i className={`las la-sign-in-alt`}></i>
|
|
</div>,
|
|
HELP_PASSWORDLESS: <div className="rounded rounded-login">
|
|
<i className={`las la-fingerprint`}></i>
|
|
</div>,
|
|
HELP_PASSWORD: <div className="rounded rounded-password">
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" version="1.1" width="100%" height="100%" viewBox="0 0 24 24" fit="" preserveAspectRatio="xMidYMid meet" focusable="false">
|
|
<path d="M17,7H22V17H17V19A1,1 0 0,0 18,20H20V22H17.5C16.95,22 16,21.55 16,21C16,21.55 15.05,22 14.5,22H12V20H14A1,1 0 0,0 15,19V5A1,1 0 0,0 14,4H12V2H14.5C15.05,2 16,2.45 16,3C16,2.45 16.95,2 17.5,2H20V4H18A1,1 0 0,0 17,5V7M2,7H13V9H4V15H13V17H2V7M20,15V9H17V15H20M8.5,12A1.5,1.5 0 0,0 7,10.5A1.5,1.5 0 0,0 5.5,12A1.5,1.5 0 0,0 7,13.5A1.5,1.5 0 0,0 8.5,12M13,10.89C12.39,10.33 11.44,10.38 10.88,11C10.32,11.6 10.37,12.55 11,13.11C11.55,13.63 12.43,13.63 13,13.11V10.89Z"></path>
|
|
</svg>
|
|
</div>,
|
|
HELP_FACTORS: <div className="rounded rounded-login">
|
|
<i className={`las la-fingerprint`}></i>
|
|
</div>,
|
|
HELP_PHONE: <div className="rounded rounded-phone">
|
|
<i className={`las la-phone`}></i>
|
|
</div>,
|
|
HELP_EMAIL: <div className="rounded rounded-email">
|
|
<i className={`las la-at`}></i>
|
|
</div>,
|
|
HELP_SOCIAL: <div className="rounded rounded-login">
|
|
<i className={`las la-share-alt`}></i>
|
|
</div>,
|
|
};
|
|
|
|
export function ListElement({ link, iconClasses, type, title, description}) {
|
|
return (
|
|
<a className={styles.listelement} href={link}>
|
|
{type ? type :
|
|
iconClasses && <div><i className={`${styles.icon} ${iconClasses}`}></i></div>
|
|
}
|
|
<div>
|
|
<h3>{title}</h3>
|
|
<p className={styles.listelement.description}>{description}</p>
|
|
</div>
|
|
</a>
|
|
)
|
|
}
|
|
|
|
export function ListWrapper({children, title, columns}) {
|
|
return (
|
|
<div className={styles.listWrapper}>
|
|
<span className={styles.listWrapperTitle}>{title}</span>
|
|
{children}
|
|
</div>
|
|
)
|
|
} |