forked from M3-Academy/desafio-react-e-typescript
feat(breadcrumb):adicionando links
adicionei links ao beadcrumb e ao title do bread porque assim o usuário conseguira se guiar pelas páginas pelo bead também
This commit is contained in:
parent
f871cf5aac
commit
b7ec6621e2
@ -7,6 +7,9 @@ body {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
a{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
code {
|
||||
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
|
||||
|
@ -20,10 +20,18 @@
|
||||
line-height: 14px;
|
||||
color:$-gray-300;
|
||||
}
|
||||
|
||||
#iconarrow{
|
||||
min-width: 8px;
|
||||
height: 8px;
|
||||
a:hover{
|
||||
text-decoration: underline;
|
||||
color: $-gray-300;
|
||||
}
|
||||
&-images{
|
||||
border: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
#iconarrow{
|
||||
min-width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&_contend{
|
||||
|
@ -13,11 +13,17 @@ const Home = () =>{
|
||||
return (
|
||||
<div className={MainStyles["main_wrapper"]}>
|
||||
<div className={MainStyles["main_wrapper_breadcrumb"]}>
|
||||
<img id={MainStyles["iconHome"]} src={Homeicon} alt="breadcrumb-icon" />
|
||||
<img id={MainStyles["iconarrow"]} src={Leftarrow} alt="seta" />
|
||||
<BreadcrumbTitle className={MainStyles.main_wrapper_breadcrumb_title} nameTitle={title}/>
|
||||
<fieldset className={MainStyles["main_wrapper_breadcrumb-images"]}>
|
||||
<a href="/">
|
||||
<img id={MainStyles["iconHome"]} src={Homeicon} alt="breadcrumb-icon" />
|
||||
</a>
|
||||
<img id={MainStyles["iconarrow"]} src={Leftarrow} alt="seta" />
|
||||
</fieldset>
|
||||
<a href="/">
|
||||
<BreadcrumbTitle className={MainStyles.main_wrapper_breadcrumb_title} nameTitle={title}/>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div className={MainStyles["main_wrapper_contend"]}>
|
||||
<Title className={MainStyles.main_wrapper_contend_title} nameTitle={title} />
|
||||
conteudo da main
|
||||
|
Loading…
Reference in New Issue
Block a user