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:
Gustavo Rallenson Gonçalves Da Silva 2023-01-09 03:42:53 -03:00
parent f871cf5aac
commit b7ec6621e2
3 changed files with 25 additions and 8 deletions

View File

@ -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',

View File

@ -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{

View File

@ -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