feat: teklatu nabigazioa konpontzen du

This commit is contained in:
2023-07-12 12:42:41 +02:00
parent 4f1cd0cf8b
commit 9cfba79fe3
2 changed files with 9 additions and 2 deletions

View File

@@ -132,7 +132,6 @@ const IndexPage: React.VFC<PageProps> = ({ location }) => {
</MediaQuery> </MediaQuery>
<EdukiaWrapper <EdukiaWrapper
role="button"
aria-label={sfeguna.ekitaldi_nagusia.izenburua} aria-label={sfeguna.ekitaldi_nagusia.izenburua}
className={ className={
datesUtils.isToday(new Date(sfeguna.eguna)) datesUtils.isToday(new Date(sfeguna.eguna))
@@ -178,12 +177,16 @@ const Kartela = styled(GatsbyImage)`
height: 100%; height: 100%;
`; `;
const EdukiaWrapper = styled.div` const EdukiaWrapper = styled.button`
display: block;
top: 0; top: 0;
height: 100%; height: 100%;
width: 100%; width: 100%;
padding: ${rem(size.small)}; padding: ${rem(size.small)};
color: ${colors.zuria};
border: none;
background-color: ${colors.beltza}; background-color: ${colors.beltza};
transition: background-color 0.75s ease; transition: background-color 0.75s ease;
@@ -193,6 +196,10 @@ const EdukiaWrapper = styled.div`
background-color: ${rgba(colors.beltza, 0.8)}; background-color: ${rgba(colors.beltza, 0.8)};
} }
&:focus {
outline: 4px solid ${colors.urdina};
}
${media.tablet` ${media.tablet`
position: absolute; position: absolute;
`} `}