elemes/frontend/src/lib/components/Footer.svelte

34 lines
771 B
Svelte
Raw Normal View History

<script lang="ts">
import { authIsTeacher } from '$stores/auth';
import { env } from '$env/dynamic/public';
</script>
2026-03-25 09:39:51 +07:00
<footer class="footer">
<div class="container">
<p>&copy; {env.PUBLIC_COPYRIGHT_TEXT || `${new Date().getFullYear()} Elemes LMS`}</p>
{#if $authIsTeacher}
<p><a href="/progress" class="teacher-link">Laporan Progress Siswa</a></p>
{/if}
2026-03-25 09:39:51 +07:00
</div>
</footer>
<style>
.footer {
background: var(--color-bg-secondary);
border-top: 1px solid var(--color-border);
padding: 1rem 0;
text-align: center;
font-size: 0.8rem;
color: var(--color-text-muted);
margin-top: auto;
}
.teacher-link {
color: var(--color-primary);
text-decoration: none;
font-weight: 500;
}
.teacher-link:hover {
text-decoration: underline;
}
2026-03-25 09:39:51 +07:00
</style>