Spythere/stacjownik
1
0
Fork 0
mirror of https://github.com/Spythere/stacjownik.git synced 2026-05-03 13:28:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Finalizacja migracji

Browse Source
This commit is contained in:
Spythere
2021-06-29 13:13:42 +02:00
parent 26ae065837
commit 19c2199c5e
71 changed files with 28313 additions and 13994 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Global/ActionButton.vue
+60 -60
View File
@@ -1,61 +1,61 @@
<template>
<button class="action-btn">
<slot></slot>
</button>
</template>
<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({});
</script>
<style lang="scss">
@import "../../styles/variables";
@import "../../styles/responsive";
.action-btn {
display: flex;
align-items: center;
background: #333;
border: none;
color: #bdbdbd;
font-size: 1em;
font-weight: 500;
outline: none;
padding: 0.35em 0.65em;
cursor: pointer;
transition: all 0.3s;
&.outlined {
border: 1px solid white;
}
img {
width: 1.25em;
vertical-align: middle;
margin-right: 0.35em;
}
p {
font-size: 1em;
overflow: hidden;
}
&.open {
color: $accentCol;
border: none;
}
&:hover,
&:focus {
color: $accentCol;
background: #5c5c5c;
}
}
<template>
<button class="action-btn">
<slot></slot>
</button>
</template>
<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({});
</script>
<style lang="scss">
@import "../../styles/variables";
@import "../../styles/responsive";
.action-btn {
display: flex;
align-items: center;
background: #333;
border: none;
color: #bdbdbd;
font-size: 1em;
font-weight: 500;
outline: none;
padding: 0.35em 0.65em;
cursor: pointer;
transition: all 0.3s;
&.outlined {
border: 1px solid white;
}
img {
width: 1.25em;
vertical-align: middle;
margin-right: 0.35em;
}
p {
font-size: 1em;
overflow: hidden;
}
&.open {
color: $accentCol;
border: none;
}
&:hover,
&:focus {
color: $accentCol;
background: #5c5c5c;
}
}
</style>