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

customize app colors

Browse Source
This commit is contained in:
Julien Calixte
2023-04-16 01:48:20 +02:00
parent 670331dbc1
commit 960746c628
4 changed files with 15 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/modules/record/components/RecordControls.vue
View File

@@ -89,7 +89,7 @@ whenever(logicAnd(notUsingInput, s), () => {
</script>
<template>
<div class="record-controls buttons">
<div class="record-controls buttons has-addons">
<template v-if="!record || !record.end">
<button v-if="canStart" @click="startRecording" class="button is-primary">
start

9
src/modules/record/components/StepRecord.vue
View File

@@ -73,7 +73,10 @@ const isSuperiorToEstimation = computed(() => {
</template>
<style scoped lang="scss">
@import '@/assets/variables';
$blob-size: 15px;
$blob-color: $link;
.step-record {
.status {
@@ -96,8 +99,8 @@ $blob-size: 15px;
border-radius: 50%;
height: $blob-size;
width: $blob-size;
background: rgba(51, 217, 178, 1);
box-shadow: 0 0 0 0 rgba(51, 217, 178, 1);
background: $blob-color;
box-shadow: 0 0 0 0 $blob-color;
animation: pulse 2s infinite;
}
@@ -113,7 +116,7 @@ $blob-size: 15px;
@keyframes pulse {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
box-shadow: 0 0 0 0 $blob-color;
}
70% {