mirror of
https://codeberg.org/Hyperpipe/Hyperpipe
synced 2025-06-29 13:28:02 +02:00
Initial Commit
This commit is contained in:
commit
98d558ad6f
27 changed files with 3097 additions and 0 deletions
30
src/components/PlayBtn.vue
Normal file
30
src/components/PlayBtn.vue
Normal file
|
@ -0,0 +1,30 @@
|
|||
<script setup>
|
||||
defineEmits(['click']);
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<button class="bi bi-play" @click="$emit('click')"></button>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
button {
|
||||
height: 4rem;
|
||||
width: 4rem;
|
||||
font-size: 4rem;
|
||||
color: #fff;
|
||||
padding: 0;
|
||||
line-height: 0;
|
||||
background: var(--color-foreground);
|
||||
border-radius: 50%;
|
||||
vertical-align: -1rem;
|
||||
text-align: center;
|
||||
transition: background 0.4s ease;
|
||||
margin-right: auto;
|
||||
}
|
||||
button:before {
|
||||
padding-left: 0.2rem;
|
||||
}
|
||||
button:hover {
|
||||
background: transparent;
|
||||
}
|
||||
</style>
|
Loading…
Add table
Add a link
Reference in a new issue