website/src/components/arrows/ArrowB.astro
Max Richter 57ef1426ee
All checks were successful
Deploy to SFTP Server / build (push) Successful in 4m32s
fix: some design layouts
2024-06-22 23:13:49 +02:00

23 lines
492 B
Plaintext

---
import { useTranslations } from "@i18n/utils";
const t = useTranslations(Astro.url);
---
<div class="arrow items-center gap-2 hidden lg:flex">
<p class="text-xl">{t("latest-posts")}</p>
<img src="/images/arrow_b.svg" alt="Arrow" />
</div>
<style>
.arrow {
position: absolute;
left: 0;
z-index: 1;
transform: translateX(-110%) translateY(-160px);
}
.arrow > p {
color: #414152;
transform: rotate(-26deg) translateY(34px) translateX(-10px);
}
</style>