added michal's styles to the login page
This commit is contained in:
timhaller
parent
852bc7860c
commit
964e335c56
|
|
@ -0,0 +1,14 @@
|
||||||
|
import LoginForm from "@components/custom"
|
||||||
|
export default function LoginPage() {
|
||||||
|
return (
|
||||||
|
<main className="flex items-center justify-center md:h-screen">
|
||||||
|
<div className="relative mx-auto flex w-full max-w-[400px] flex-col space-y-2.5 p-4 md:-mt-32">
|
||||||
|
<div className="flex h-20 w-full items-end rounded-lg bg-blue-500 p-3 md:h-36">
|
||||||
|
<div className="w-32 text-white md:w-36">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<LoginForm />
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,30 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="301" height="72" fill="none" viewBox="0 0 301 72">
|
||||||
|
<g clip-path="url(#a)">
|
||||||
|
<path fill="#305A43" d="M3.367 57.142c-.997-1.888-1.482-3.8-1.456-5.739.04-1.911.583-3.667 1.612-5.296 1.016-1.587 2.468-2.879 4.328-3.862 2.27-1.2 4.556-1.639 6.806-1.288 2.249.351 4.21 1.414 5.854 3.204l-5.142 2.718c-.801-.59-1.68-.931-2.581-.98a5.328 5.328 0 0 0-2.739.643c-1.45.766-2.338 1.866-2.706 3.355-.368 1.49-.098 3.06.783 4.73.88 1.668 2.026 2.778 3.463 3.313 1.437.535 2.846.42 4.295-.346a5.333 5.333 0 0 0 2.075-1.901c.467-.772.682-1.69.646-2.686l5.141-2.718c.551 2.369.324 4.588-.669 6.617-.978 2.057-2.63 3.7-4.9 4.9-1.859.983-3.744 1.454-5.641 1.372a9.837 9.837 0 0 1-5.266-1.625c-1.6-1.044-2.906-2.523-3.903-4.411Z"/>
|
||||||
|
<path fill="#7CAA4F" d="M24.22 48.72c-.73-1.605-1.072-3.183-1.003-4.676.042-1.48.451-2.822 1.2-3.943.747-1.122 1.776-1.998 3.071-2.587 1.099-.499 2.186-.722 3.236-.655 1.021.08 1.937.376 2.72.904l-1.01-2.225 4.815-2.19 7.139 15.718-4.816 2.189-1.01-2.225c-.146.95-.526 1.836-1.137 2.658-.64.835-1.524 1.508-2.622 2.007-1.267.577-2.603.776-3.952.574-1.336-.174-2.616-.748-3.77-1.718-1.17-.93-2.132-2.225-2.861-3.83Zm11.783-5.324c-.55-1.211-1.31-1.987-2.278-2.397-.995-.397-1.965-.363-2.923.072-.957.436-1.62 1.145-1.96 2.115-.357 1.012-.273 2.095.277 3.306.55 1.211 1.31 1.987 2.306 2.384.968.41 1.95.405 2.908-.03.958-.436 1.62-1.145 1.977-2.157.328-.998.243-2.082-.307-3.293Z"/>
|
||||||
|
<path fill="#305A43" d="M42.909 25.077 38 27.053l8.543 21.241 4.908-1.976-8.543-21.241Z"/>
|
||||||
|
<path fill="#7CAA52" d="M65.891 31.569c.166.466.313.972.43 1.488l-11.279 4.01c.45.99 1.04 1.634 1.809 1.951.75.357 1.543.371 2.388.07 1.253-.445 1.912-1.27 2.035-2.496l5.305-1.886a7.567 7.567 0 0 1-.433 3.404 8.218 8.218 0 0 1-1.967 2.965c-.903.88-2.015 1.537-3.326 2.004-1.603.57-3.127.717-4.618.492-1.491-.225-2.805-.874-3.95-1.879-1.144-1.005-2.022-2.367-2.622-4.059-.6-1.69-.779-3.302-.524-4.804.225-1.492.835-2.825 1.85-3.941 1.015-1.116 2.32-1.974 3.922-2.544 1.574-.56 3.087-.736 4.55-.5a7.716 7.716 0 0 1 3.889 1.801c1.105.987 1.962 2.29 2.541 3.924Zm-5.566.5c-.3-.845-.84-1.44-1.599-1.729-.759-.288-1.58-.292-2.455.02-.845.3-1.462.782-1.84 1.474-.407.703-.518 1.498-.343 2.453l6.237-2.217Z"/>
|
||||||
|
<path fill="#305A43" d="M75.423 19.912c1.934-.55 3.689-.375 5.204.545 1.524.949 2.58 2.514 3.207 4.716l2.758 9.701-5.057 1.44-2.564-9.016c-.313-1.101-.856-1.88-1.6-2.344-.742-.464-1.6-.54-2.582-.261-.982.28-1.67.797-2.058 1.583-.388.786-.44 1.734-.127 2.835l2.564 9.016-5.087 1.45L65.36 22.97l5.088-1.449.626 2.202c.294-.888.847-1.656 1.583-2.348.744-.663 1.667-1.15 2.767-1.464Z"/>
|
||||||
|
<path fill="#7CAA4F" d="M85.863 26.112c-.365-1.725-.358-3.34.032-4.782.36-1.436 1.05-2.658 2.023-3.591.972-.933 2.166-1.566 3.558-1.86a7.02 7.02 0 0 1 3.204.048c1.004.262 1.864.744 2.545 1.422l-1.658-7.84 5.175-1.096 4.737 22.4-5.174 1.096-.513-2.422c-.31.92-.872 1.703-1.648 2.373-.805.677-1.813 1.143-2.993 1.393-1.392.295-2.74.201-4.013-.288-1.267-.46-2.392-1.296-3.31-2.494-.94-1.16-1.6-2.633-1.965-4.359Zm12.656-2.649c-.276-1.301-.85-2.223-1.706-2.833-.886-.602-1.84-.78-2.87-.562-1.028.218-1.83.767-2.372 1.641-.566.91-.718 1.986-.442 3.288.275 1.302.85 2.224 1.736 2.826.856.61 1.816.817 2.845.6 1.03-.218 1.83-.767 2.396-1.678.536-.904.688-1.98.413-3.282Z"/>
|
||||||
|
<path fill="#305A43" d="M110.893 15.527a7.033 7.033 0 0 1 1.97-2.57 6.145 6.145 0 0 1 2.944-1.244l.809 5.542-1.439.21c-1.316.193-2.255.611-2.817 1.256-.558.676-.752 1.705-.547 3.113l1.157 7.93-5.233.765-2.493-17.084 5.234-.765.415 2.847Z"/>
|
||||||
|
<path fill="#7CAA4F" d="M119.87 9.665c-.923.102-1.691-.094-2.336-.583-.673-.454-1.024-1.1-1.113-1.9-.091-.83.111-1.538.664-2.16.527-.587 1.234-.945 2.156-1.047.892-.099 1.691.093 2.333.551.645.49.997 1.135 1.089 1.966.088.8-.114 1.506-.641 2.094-.523.618-1.261.98-2.152 1.079Zm2.81 1.494 1.896 17.161-5.258.582-1.895-17.161 5.257-.582Z"/>
|
||||||
|
<path fill="#305A43" d="M142.52 18.118c.03.494.031 1.021.001 1.55l-11.947.73c.159 1.075.547 1.857 1.198 2.376.623.55 1.381.783 2.276.729 1.327-.082 2.189-.692 2.646-1.836l5.618-.343a7.554 7.554 0 0 1-1.357 3.151 8.213 8.213 0 0 1-2.71 2.305c-1.11.595-2.361.92-3.75 1.004-1.698.104-3.202-.176-4.573-.805-1.371-.63-2.454-1.617-3.276-2.9-.822-1.283-1.288-2.835-1.397-4.627-.11-1.791.165-3.389.825-4.762.629-1.371 1.583-2.484 2.868-3.275 1.284-.792 2.774-1.255 4.472-1.358 1.667-.102 3.169.147 4.509.778a7.72 7.72 0 0 1 3.239 2.809c.789 1.254 1.252 2.745 1.358 4.474Zm-5.488-1.06c-.054-.895-.408-1.618-1.058-2.105-.649-.487-1.438-.718-2.364-.662-.895.055-1.621.348-2.176.908-.585.563-.912 1.296-1.008 2.263l6.606-.404Z"/>
|
||||||
|
<path fill="#7CAA4F" d="M149.61 12.682a7.032 7.032 0 0 1 2.318-2.26 6.145 6.145 0 0 1 3.092-.806l.004 5.6-1.454.001c-1.33.001-2.319.28-2.968.838-.649.588-.989 1.578-.988 3.002l.005 8.014-5.289.003-.01-17.266 5.288-.003.002 2.877Z"/>
|
||||||
|
<path fill="#305A43" d="M160.638 18.472c.134-1.759.593-3.306 1.372-4.581.748-1.278 1.753-2.257 2.948-2.88 1.195-.622 2.518-.894 3.937-.786 1.141.087 2.14.41 3.061.946.89.533 1.581 1.237 2.044 2.08l.607-7.991 5.273.4-1.732 22.831-5.274-.4.188-2.469c-.557.796-1.316 1.39-2.247 1.816-.963.423-2.061.588-3.264.496-1.419-.108-2.686-.576-3.771-1.403-1.087-.797-1.933-1.916-2.477-3.323-.578-1.378-.798-2.977-.665-4.736Zm12.889 1.01c.101-1.326-.192-2.372-.843-3.197-.681-.828-1.548-1.266-2.596-1.346-1.049-.08-1.971.223-2.737.91-.798.714-1.246 1.704-1.346 3.03-.101 1.328.192 2.374.874 3.201.65.826 1.514 1.295 2.563 1.374 1.048.08 1.971-.222 2.77-.937.767-.718 1.215-1.708 1.315-3.034Z"/>
|
||||||
|
<path fill="#7CAA4F" d="M197.812 22.41a13.32 13.32 0 0 1-.321 1.515l-11.837-1.778c-.069 1.084.148 1.93.677 2.573.494.669 1.187 1.055 2.074 1.188 1.315.197 2.285-.22 2.97-1.243l5.567.836a7.563 7.563 0 0 1-1.984 2.8 8.21 8.21 0 0 1-3.131 1.688c-1.21.35-2.5.406-3.877.2-1.682-.253-3.095-.841-4.305-1.742-1.209-.902-2.063-2.094-2.599-3.52-.537-1.426-.67-3.041-.404-4.816.267-1.775.868-3.28 1.799-4.486.901-1.21 2.066-2.098 3.487-2.604 1.421-.506 2.975-.648 4.657-.396 1.652.249 3.07.806 4.249 1.703a7.72 7.72 0 0 1 2.582 3.423c.511 1.39.653 2.945.396 4.658Zm-5.146-2.182c.133-.887-.062-1.668-.596-2.28-.534-.612-1.257-1.002-2.175-1.14-.887-.133-1.658.001-2.317.434-.69.428-1.162 1.077-1.457 2.002l6.545.984Z"/>
|
||||||
|
<path fill="#305A43" d="m212.649 11.305-5.168-1.127-4.871 22.373 5.168 1.127 4.871-22.373Zm6.744-.295-2.001 6.55-3.457-.837 1.219-6.74 4.239 1.027Z"/>
|
||||||
|
<path fill="#7CAA51" d="M216.558 26.75c.487-1.694 1.249-3.117 2.27-4.208.991-1.099 2.173-1.854 3.47-2.222 1.296-.367 2.647-.365 4.014.028 1.16.333 2.132.87 2.887 1.602.726.724 1.23 1.545 1.484 2.454l.674-2.349 5.084 1.461-4.762 16.594-5.084-1.461.674-2.35c-.727.628-1.59 1.056-2.589 1.284-1.028.22-2.137.159-3.296-.175-1.338-.384-2.484-1.1-3.379-2.13-.904-1-1.506-2.267-1.755-3.755-.287-1.467-.178-3.077.308-4.772Zm12.418 3.602c.367-1.279.292-2.363-.178-3.303-.5-.948-1.26-1.553-2.271-1.843-1.011-.29-1.975-.182-2.864.336-.927.538-1.565 1.417-1.932 2.695-.367 1.28-.292 2.363.208 3.312.471.94 1.222 1.574 2.233 1.864 1.01.29 1.975.182 2.902-.357.897-.546 1.535-1.425 1.902-2.704Z"/>
|
||||||
|
<path fill="#305A43" d="m242.802 38.812 7.672-10.33 5.3 1.9-11.582 14.186-6.145-2.201.051-18.32 5.329 1.91-.625 12.855Z"/>
|
||||||
|
<path fill="#7CAA4F" d="M269.045 45.063c-.193.456-.426.928-.687 1.389l-11.028-4.658c-.335 1.033-.335 1.907.019 2.66.313.77.888 1.316 1.715 1.665 1.225.518 2.268.354 3.185-.468l5.186 2.191a7.55 7.55 0 0 1-2.615 2.22 8.208 8.208 0 0 1-3.451.86c-1.259.039-2.524-.227-3.806-.768-1.567-.663-2.791-1.582-3.739-2.756-.949-1.173-1.481-2.54-1.647-4.054-.167-1.514.104-3.112.802-4.766.697-1.653 1.653-2.962 2.854-3.899 1.172-.949 2.521-1.52 4.023-1.658 1.502-.138 3.043.11 4.61.771 1.539.65 2.774 1.542 3.694 2.703a7.722 7.722 0 0 1 1.655 3.957c.15 1.474-.097 3.015-.77 4.61Zm-4.446-3.39c.349-.826.352-1.63-.013-2.356-.366-.725-.97-1.282-1.825-1.644-.826-.349-1.606-.41-2.352-.154-.774.244-1.393.755-1.908 1.579l6.098 2.576Z"/>
|
||||||
|
<path fill="#305A43" d="M283.774 42.703c1.808.881 2.997 2.184 3.513 3.88.502 1.725.244 3.596-.758 5.654l-4.415 9.068L277.387 59l4.104-8.427c.501-1.03.616-1.972.372-2.813-.244-.842-.832-1.472-1.749-1.92-.918-.447-1.776-.522-2.589-.195-.813.326-1.484.997-1.985 2.027l-4.104 8.427-4.754-2.318 7.557-15.52 4.755 2.318-1.002 2.058c.811-.465 1.736-.668 2.745-.692.996.004 2.009.257 3.037.758Z"/>
|
||||||
|
<path fill="#7CAA4F" d="m294.586 62.983-2.126 3.95-2.369-1.276c-1.689-.91-2.776-2.023-3.275-3.381-.513-1.331-.257-2.915.754-4.795l3.255-6.048-1.852-.998 2.082-3.868 1.852.998 1.994-3.705 4.657 2.51-1.994 3.704 3.05 1.644-2.082 3.868-3.05-1.643-3.284 6.102c-.249.463-.316.848-.201 1.157.115.308.411.607.928.886l1.661.895Z"/>
|
||||||
|
<path fill="#A70030" d="M125.968 52.486c1.584-1.37 2.833-2.496 3.749-3.379a15.22 15.22 0 0 0 2.288-2.76c.61-.957.916-1.914.916-2.871 0-.99-.235-1.766-.706-2.327-.47-.561-1.208-.842-2.214-.842-.973 0-1.728.31-2.264.928-.536.62-.82 1.449-.853 2.488h-2.722c.049-1.881.614-3.32 1.695-4.32 1.08-.998 2.453-1.497 4.119-1.497 1.798 0 3.204.495 4.219 1.485 1.014.99 1.522 2.31 1.522 3.961 0 1.188-.301 2.33-.904 3.428a13.8 13.8 0 0 1-2.152 2.946c-.833.867-1.893 1.87-3.18 3.008l-1.113.99h7.843v2.352h-12.024V54.02l1.781-1.535Zm11.48-5.421c0-2.855.483-5.087 1.448-6.696s2.627-2.413 4.985-2.413c2.359 0 4.021.804 4.986 2.413.965 1.61 1.447 3.841 1.447 6.696 0 2.888-.482 5.145-1.447 6.77-.965 1.626-2.627 2.439-4.986 2.439-2.358 0-4.02-.813-4.985-2.439-.965-1.625-1.448-3.882-1.448-6.77Zm10.095 0c0-1.337-.086-2.467-.26-3.391-.173-.925-.523-1.68-1.051-2.265-.528-.586-1.311-.879-2.351-.879-1.039 0-1.822.293-2.35.879-.528.586-.878 1.34-1.052 2.265-.173.924-.259 2.054-.259 3.391 0 1.386.082 2.55.247 3.49.165.941.516 1.7 1.052 2.278.536.578 1.323.866 2.362.866 1.04 0 1.827-.288 2.363-.866.536-.578.887-1.337 1.052-2.278.165-.94.247-2.104.247-3.49Zm6.087 5.421c1.583-1.37 2.833-2.496 3.748-3.379a15.187 15.187 0 0 0 2.289-2.76c.61-.957.915-1.914.915-2.871 0-.99-.235-1.766-.705-2.327-.47-.561-1.208-.842-2.214-.842-.973 0-1.728.31-2.264.928-.536.62-.821 1.449-.854 2.488h-2.721c.049-1.881.614-3.32 1.695-4.32 1.08-.998 2.453-1.497 4.119-1.497 1.798 0 3.204.495 4.219 1.485 1.014.99 1.521 2.31 1.521 3.961 0 1.188-.301 2.33-.903 3.428a13.8 13.8 0 0 1-2.152 2.946c-.833.867-1.893 1.87-3.18 3.008l-1.113.99h7.843v2.352h-12.025V54.02l1.782-1.535Zm11.431-9.753c.099-1.535.689-2.731 1.769-3.59 1.08-.857 2.462-1.286 4.144-1.286 1.155 0 2.153.206 2.994.618.841.413 1.476.974 1.905 1.684.429.71.643 1.51.643 2.4 0 1.024-.272 1.899-.816 2.625-.544.726-1.196 1.213-1.955 1.46v.1c.974.296 1.732.837 2.277 1.62.544.784.816 1.787.816 3.008 0 .974-.223 1.84-.668 2.6-.445.758-1.105 1.357-1.979 1.794-.875.437-1.922.656-3.143.656-1.781 0-3.245-.458-4.391-1.374-1.147-.916-1.761-2.232-1.844-3.948h2.722c.066.875.404 1.588 1.014 2.141.611.553 1.436.83 2.475.83 1.006 0 1.781-.277 2.325-.83.545-.553.817-1.266.817-2.141 0-1.155-.367-1.976-1.101-2.463-.734-.487-1.86-.73-3.377-.73h-.644V45.58h.668c1.336-.017 2.355-.24 3.056-.669.701-.429 1.052-1.105 1.052-2.03 0-.791-.256-1.423-.767-1.893-.512-.47-1.238-.706-2.178-.706-.924 0-1.641.236-2.152.706a2.847 2.847 0 0 0-.916 1.745h-2.746Z"/>
|
||||||
|
<path stroke="#F0F0F0" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="1.5" stroke-width="1.54" d="M107.201 59.516h83.505s3.093 0 3.093-3.094-3.093-3.094-3.093-3.094"/>
|
||||||
|
<path fill="#A70030" fill-rule="evenodd" d="M107.201 60.29v-1.547h1.606v1.547h-1.606Zm4.818 0v-1.547h3.212v1.547h-3.212Zm6.423 0v-1.547h3.212v1.547h-3.212Zm6.423 0v-1.547h3.212v1.547h-3.212Zm6.424 0v-1.547h3.212v1.547h-3.212Zm6.424 0v-1.547h3.211v1.547h-3.211Zm6.423 0v-1.547h3.212v1.547h-3.212Zm6.424 0v-1.547h3.211v1.547h-3.211Zm6.423 0v-1.547h3.212v1.547h-3.212Zm6.423 0v-1.547h3.212v1.547h-3.212Zm6.424 0v-1.547h3.212v1.547h-3.212Zm6.423 0v-1.547h3.212v1.547h-3.212Zm6.424 0v-1.547h3.212v1.547h-3.212Zm6.423 0v-1.547h1.606s1.012.005 1.709-.656l1.064 1.123c-1.134 1.075-2.773 1.08-2.773 1.08H189.1Zm4.379-6.656-1.064 1.123c-.697-.66-1.709-.656-1.709-.656v-1.547s1.639.006 2.773 1.08Z" clip-rule="evenodd"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="a">
|
||||||
|
<path fill="#fff" d="M.5.416h300v71.168H.5z"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 12 KiB |
|
|
@ -1,20 +1,24 @@
|
||||||
import type { Config } from 'tailwindcss'
|
import type { Config } from 'tailwindcss'
|
||||||
|
|
||||||
const config: Config = {
|
const config: Config = {
|
||||||
colors: {
|
|
||||||
'text': '#0f0f0f',
|
|
||||||
'background': '#ffffff',
|
|
||||||
'primary': '#3a5947',
|
|
||||||
'secondary': '#80a256',
|
|
||||||
'accent': '#9a1a33',
|
|
||||||
},
|
|
||||||
content: [
|
content: [
|
||||||
'./pages/**/*.{js,ts,jsx,tsx,mdx}',
|
'./pages/**/*.{js,ts,jsx,tsx,mdx}',
|
||||||
'./components/**/*.{js,ts,jsx,tsx,mdx}',
|
'./components/**/*.{js,ts,jsx,tsx,mdx}',
|
||||||
'./app/**/*.{js,ts,jsx,tsx,mdx}',
|
'./app/**/*.{js,ts,jsx,tsx,mdx}',
|
||||||
],
|
],
|
||||||
theme: {
|
theme: {
|
||||||
|
fontFamily: {
|
||||||
|
display: ["Satisfy", "cursive"],
|
||||||
|
},
|
||||||
extend: {
|
extend: {
|
||||||
|
colors: {
|
||||||
|
"backgroundColor": "#000000",
|
||||||
|
"textColor": "#F0F0F0",
|
||||||
|
"textFades": "#B0B0B0",
|
||||||
|
"primary": "#3A5945",
|
||||||
|
"secondary": "#86A95B",
|
||||||
|
"accent": "#991A33"
|
||||||
|
},
|
||||||
backgroundImage: {
|
backgroundImage: {
|
||||||
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
|
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
|
||||||
'gradient-conic':
|
'gradient-conic':
|
||||||
|
|
@ -24,4 +28,5 @@ const config: Config = {
|
||||||
},
|
},
|
||||||
plugins: [],
|
plugins: [],
|
||||||
}
|
}
|
||||||
|
|
||||||
export default config
|
export default config
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue