julien/binome
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 (interval) bigger font size for interval's buttons

Browse Source
This commit is contained in:
Julien Calixte
2020-07-04 23:07:49 +02:00
parent 14dc5f251e
commit eedae13ae0
1 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/IntervalInput.vue
View File

@@ -41,13 +41,24 @@ export default defineComponent({
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
$button-size: 50px;
.interval-input { .interval-input {
margin: 0 auto; margin: 0 auto;
max-width: 50vh; max-width: 50vh;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
gap: 1rem;
flex-wrap: wrap; flex-wrap: wrap;
button {
display: flex;
justify-content: center;
align-items: center;
margin: 0 1rem;
font-size: 2rem;
width: $button-size;
height: $button-size;
}
} }
</style> </style>