|
|
@@ -1,5 +1,5 @@
|
|
|
<script lang="ts" setup>
|
|
|
-const orbCount = 8
|
|
|
+const orbCount = 6
|
|
|
const baseColor = '#1890ff'
|
|
|
const colors = [
|
|
|
{from: '#1890ff', to: '#69c0ff'},
|
|
|
@@ -8,8 +8,6 @@ const colors = [
|
|
|
{from: '#1890ff', to: '#40a9ff'},
|
|
|
{from: '#eb2f96', to: '#f759ab'},
|
|
|
{from: '#13c2c2', to: '#87e8de'},
|
|
|
- {from: '#9254de', to: '#d3adf7'},
|
|
|
- {from: '#1890ff', to: '#91d5ff'},
|
|
|
]
|
|
|
|
|
|
const totalDuration = 2.4
|
|
|
@@ -55,7 +53,7 @@ const delayStep = 0.15
|
|
|
.orb-row {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- gap: 16px;
|
|
|
+ gap: 10px;
|
|
|
}
|
|
|
|
|
|
.orb-wrapper {
|
|
|
@@ -65,8 +63,8 @@ const delayStep = 0.15
|
|
|
}
|
|
|
|
|
|
.orb {
|
|
|
- width: 36px;
|
|
|
- height: 36px;
|
|
|
+ width: 24px;
|
|
|
+ height: 24px;
|
|
|
border-radius: 50%;
|
|
|
animation: breathe ease-in-out infinite alternate;
|
|
|
box-shadow: 0 0 16px rgba(24, 144, 255, 0.4),
|
moki