preview loader : reduce size
This commit is contained in:
parent
c084260688
commit
de5d12c0fa
1 changed files with 5 additions and 11 deletions
|
|
@ -8,12 +8,12 @@
|
||||||
defineProps({
|
defineProps({
|
||||||
isLoading: {
|
isLoading: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
required: true
|
required: true,
|
||||||
},
|
},
|
||||||
shifted: {
|
shifted: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: false
|
default: false,
|
||||||
}
|
},
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
@ -27,15 +27,9 @@ defineProps({
|
||||||
transition: all 0.2s ease-in-out var(--curve);
|
transition: all 0.2s ease-in-out var(--curve);
|
||||||
}
|
}
|
||||||
|
|
||||||
.preview-loader.shifted {
|
|
||||||
right: calc(2rem + 19rem * 0.7);
|
|
||||||
top: calc(2rem - 30vh * 0.7);
|
|
||||||
transform: scale(0.7);
|
|
||||||
}
|
|
||||||
|
|
||||||
.spinner {
|
.spinner {
|
||||||
width: 48px;
|
width: 2rem;
|
||||||
height: 48px;
|
height: 2rem;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
border-top: 3px solid #000;
|
border-top: 3px solid #000;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue