mirror of
https://github.com/suitenumerique/docs.git
synced 2026-09-13 21:27:53 +02:00
💄(frontend) align 401 sign-in and 403 request access with Figma
Use Cunningham button on 401 and ui-kit icons with brand tertiary on 403.
This commit is contained in:
@@ -0,0 +1,6 @@
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M7.33317 9.3335C7.70136 9.3335 7.99984 9.63198 7.99984 10.0002C7.99984 10.3684 7.70136 10.6668 7.33317 10.6668H3.99984C3.63165 10.6668 3.33317 10.3684 3.33317 10.0002C3.33317 9.63198 3.63165 9.3335 3.99984 9.3335H7.33317Z" fill="currentColor"/>
|
||||
<path d="M11.9998 6.66683C12.368 6.66683 12.6665 6.96531 12.6665 7.3335C12.6665 7.70169 12.368 8.00016 11.9998 8.00016H3.99984C3.63165 8.00016 3.33317 7.70169 3.33317 7.3335C3.33317 6.96531 3.63165 6.66683 3.99984 6.66683H11.9998Z" fill="currentColor"/>
|
||||
<path d="M11.9998 4.00016C12.368 4.00016 12.6665 4.29864 12.6665 4.66683C12.6665 5.03502 12.368 5.3335 11.9998 5.3335H3.99984C3.63165 5.3335 3.33317 5.03502 3.33317 4.66683C3.33317 4.29864 3.63165 4.00017 3.99984 4.00016H11.9998Z" fill="currentColor"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4666 1.3335C12.0156 1.3335 12.4676 1.33282 12.8345 1.36279C13.2092 1.39341 13.5539 1.45902 13.8774 1.62386C14.3791 1.87951 14.7872 2.28756 15.0428 2.78923C15.2076 3.11273 15.2733 3.45762 15.3039 3.8322C15.3338 4.19887 15.3332 4.65032 15.3332 5.19873V9.98063C15.3332 10.5745 15.3392 11.0066 15.2368 11.3771C14.987 12.2811 14.2807 12.9873 13.3768 13.2371C13.0839 13.3181 12.7526 13.3309 12.3332 13.3328V14.2834C12.3332 14.3861 12.3335 14.5094 12.3241 14.6128C12.3153 14.7083 12.2905 14.9127 12.147 15.0998C11.985 15.3108 11.7382 15.4397 11.4725 15.4513C11.2369 15.4616 11.0551 15.3648 10.9718 15.3172C10.8816 15.2656 10.7806 15.1939 10.6965 15.1349L8.12354 13.3335H4.53304C3.98402 13.3335 3.53214 13.3342 3.1652 13.3042C2.79047 13.2736 2.44579 13.208 2.12223 13.0431C1.62048 12.7875 1.21253 12.3789 0.95687 11.8771C0.792148 11.5537 0.726413 11.2094 0.695802 10.8348C0.665824 10.4679 0.666505 10.0159 0.666505 9.46696V5.20003C0.666505 4.65106 0.665824 4.19911 0.695802 3.8322C0.726412 3.45763 0.792149 3.11331 0.95687 2.78988C1.21253 2.28812 1.62048 1.87953 2.12223 1.62386C2.44579 1.459 2.79047 1.39341 3.1652 1.36279C3.53214 1.33282 3.98402 1.3335 4.53304 1.3335H11.4666ZM4.53304 2.66683C3.96209 2.66683 3.57396 2.66772 3.27393 2.69222C2.98169 2.7161 2.83197 2.7589 2.7277 2.81201C2.47686 2.93982 2.27286 3.14387 2.14502 3.3947C2.09189 3.49896 2.04846 3.64864 2.02458 3.94092C2.00007 4.24094 1.99984 4.6291 1.99984 5.20003V9.46696C1.99984 10.0379 2.00007 10.4261 2.02458 10.7261C2.04846 11.0184 2.0919 11.168 2.14502 11.2723C2.27286 11.5231 2.47687 11.7272 2.7277 11.855C2.83197 11.9081 2.98169 11.9509 3.27393 11.9748C3.57396 11.9993 3.96209 12.0002 4.53304 12.0002H8.21533C8.23513 12.0002 8.32851 11.9975 8.42367 12.0151C8.4598 12.0218 8.49545 12.0308 8.53044 12.0418L8.63265 12.0809C8.72063 12.121 8.79537 12.1769 8.81169 12.1883L10.9998 13.7189V12.98C10.9998 12.9492 10.9939 12.7996 11.0324 12.6603C11.1062 12.3933 11.298 12.1773 11.5493 12.0711L11.66 12.0327L11.7648 12.0112C11.8668 11.9967 11.9565 12.0001 11.9797 12.0002C12.662 12.0002 12.869 11.994 13.0213 11.952C13.4733 11.8271 13.8268 11.4736 13.9517 11.0216C13.9937 10.8693 13.9998 10.6625 13.9998 9.98063V5.19873C13.9998 4.62818 13.9996 4.24007 13.9751 3.94027C13.9512 3.64846 13.9078 3.49898 13.8547 3.3947C13.7268 3.14386 13.5228 2.93984 13.272 2.81201C13.1677 2.75889 13.018 2.71545 12.7257 2.69157C12.4257 2.66706 12.0376 2.66683 11.4666 2.66683H4.53304Z" fill="currentColor"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.3 KiB |
@@ -51,6 +51,7 @@ const ErrorActionLinkStyled = styled(Link)`
|
||||
|
||||
const RequestAccessButton = styled.button`
|
||||
${errorActionStyles}
|
||||
color: var(--c--contextuals--content--semantic--brand--tertiary);
|
||||
|
||||
&:disabled {
|
||||
opacity: 0.5;
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Button } from '@openfun/cunningham-react';
|
||||
import { Button } from '@gouvfr-lasuite/cunningham-react';
|
||||
import Head from 'next/head';
|
||||
import { useRouter } from 'next/router';
|
||||
import { ReactElement, useEffect } from 'react';
|
||||
@@ -70,6 +70,7 @@ const Page: NextPageWithLayout = () => {
|
||||
<Button
|
||||
onClick={() => gotoLogin(false)}
|
||||
aria-label={t('Sign in')}
|
||||
size="small"
|
||||
>
|
||||
{t('Sign in')}
|
||||
</Button>
|
||||
|
||||
Reference in New Issue
Block a user