Files
classroomio/src/lib/components/PrimaryContainedButton/index.svelte
T
Rotimi BestandRotimi Best f39a0cee4b CLASSROOMIO-T-127: Theming configuration
CLASSROOMIO-T-127: Add 4 themes configurations into the app

Clean up


Co-authored-by: Rotimi Best <[email protected]>


Merge-request: CLASSROOMIO-MR-51
Merged-by: Best Admin <[email protected]>
2023-08-20 19:08:48 +00:00

37 lines
662 B
Svelte

<script>
export let href = '';
export let label = '';
export let handleClick = () => {};
</script>
<a
class="root bg-primary-700 hover:bg-primary-900 text-white font-bold rounded inline-flex items-center float-right"
{href}
on:click={handleClick}
>
<!-- <AddAlt32 class="carbon-icon fill-current w-4 h-4 mr-1" /> -->
{label}
</a>
<style lang="scss">
.root {
height: fit-content;
border-radius: 5px;
padding: 4px 20px;
&:hover {
cursor: pointer;
}
}
@media only screen and (max-width: 1002px) {
a {
padding: 10px 15px;
}
a :global(svg.carbon-icon) {
margin-right: 0;
}
}
</style>