style header and footer
This commit is contained in:
parent
93e8b933d1
commit
3f4bdef87e
Binary file not shown.
After Width: | Height: | Size: 63 KiB |
|
@ -47,11 +47,9 @@ function DashboardHeader() {
|
|||
return (
|
||||
<nav className="flex items-center justify-between flex-wrap bg-teal-500 p-6">
|
||||
<div className="flex items-center flex-shrink-0 text-white mr-6">
|
||||
<a href={"/"}><svg className="fill-current h-8 w-8 mr-2" width="54" height="54" viewBox="0 0 54 54"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M13.5 22.1c1.8-7.2 6.3-10.8 13.5-10.8 10.8 0 12.15 8.1 17.55 9.45 3.6.9 6.75-.45 9.45-4.05-1.8 7.2-6.3 10.8-13.5 10.8-10.8 0-12.15-8.1-17.55-9.45-3.6-.9-6.75.45-9.45 4.05zM0 38.3c1.8-7.2 6.3-10.8 13.5-10.8 10.8 0 12.15 8.1 17.55 9.45 3.6.9 6.75-.45 9.45-4.05-1.8 7.2-6.3 10.8-13.5 10.8-10.8 0-12.15-8.1-17.55-9.45-3.6-.9-6.75.45-9.45 4.05z"/>
|
||||
</svg></a>
|
||||
<a href={"/"}><img className="fill-current h-8 w-8 mr-2" width="54" height="54" viewBox="0 0 54 54"
|
||||
src="smart.png"></img>
|
||||
</a>
|
||||
<span className="font-semibold text-xl tracking-tight">Lessons Learned</span>
|
||||
|
||||
</div>
|
||||
|
@ -81,6 +79,9 @@ function DashboardHeader() {
|
|||
Create Account
|
||||
</Link>}
|
||||
</div>
|
||||
<div className="p-1">
|
||||
<a className="text-white ml-5 text-base mr-4" href="https://tildegit.org/cst/lessons_learned">Read the Source, Luke!</a>
|
||||
</div>
|
||||
<div>
|
||||
{displayButton}
|
||||
</div>
|
||||
|
|
|
@ -3,12 +3,14 @@ import React from 'react';
|
|||
function Footer() {
|
||||
|
||||
return (
|
||||
<footer className={"text-center p-4 bg-black mt-auto text-white"}>
|
||||
<div >
|
||||
<a href="https://creativespirit.tech">creativespirit.tech</a>
|
||||
<a className="text-white ml-5" href="https://tildegit.org/cst/lessons_learned">Use the Source, Luke!</a>
|
||||
</div>
|
||||
</footer>
|
||||
<footer className={"p-2 bg-black mt-auto text-white"}>
|
||||
|
||||
<div>
|
||||
<a className="text-base" href="https://creativespirit.tech">02022 creativespirit.tech</a>
|
||||
</div>
|
||||
<a className="text-xs" href="https://www.flaticon.com/free-stickers/smileys" title="smileys stickers">Smileys stickers created by MrHamster - Flaticon</a>
|
||||
|
||||
</footer>
|
||||
);
|
||||
}
|
||||
|
||||
|
|
|
@ -21,14 +21,6 @@ const Lesson = ({ lesson, showLessonInfoModal }) => {
|
|||
</div>
|
||||
</div>
|
||||
<div className="w-full xl:w-1/4 md:w-1/2 lg:ml-auto" style={{zindex: 10000}}>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
|
|
|
@ -34,7 +34,7 @@ const Login = () => {
|
|||
|
||||
client.login(loginForm.email, loginForm.password)
|
||||
.then( () => {
|
||||
navigate('/my-recipes')
|
||||
navigate('/my-lessons')
|
||||
})
|
||||
.catch( (err) => {
|
||||
setLoading(false)
|
||||
|
@ -53,9 +53,8 @@ const Login = () => {
|
|||
<header>
|
||||
{/* <img className="w-20 mx-auto mb-5" src="https://img.icons8.com/fluent/344/year-of-tiger.png" /> */}
|
||||
<div className="flex items-center justify-center w-20 h-20 mx-auto mb-5 bg-teal-500 rounded-full ">
|
||||
<svg className=" h-8 w-8" width="54" height="54" viewBox="0 0 54 54" fill='white' xmlns="http://www.w3.org/2000/svg" >
|
||||
<path d="M13.5 22.1c1.8-7.2 6.3-10.8 13.5-10.8 10.8 0 12.15 8.1 17.55 9.45 3.6.9 6.75-.45 9.45-4.05-1.8 7.2-6.3 10.8-13.5 10.8-10.8 0-12.15-8.1-17.55-9.45-3.6-.9-6.75.45-9.45 4.05zM0 38.3c1.8-7.2 6.3-10.8 13.5-10.8 10.8 0 12.15 8.1 17.55 9.45 3.6.9 6.75-.45 9.45-4.05-1.8 7.2-6.3 10.8-13.5 10.8-10.8 0-12.15-8.1-17.55-9.45-3.6-.9-6.75.45-9.45 4.05z"/>
|
||||
</svg>
|
||||
<img src="smart.png" className=" h-24 w-24" width="54" height="54" viewBox="0 0 54 54" fill='white'>
|
||||
</img>
|
||||
</div>
|
||||
</header>
|
||||
<form onSubmit={(e) => onLogin(e)}>
|
||||
|
|
Loading…
Reference in New Issue