imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new glowing capsule images

Browse Source
This commit is contained in:
Cindy Chang
2024-08-29 11:01:12 +08:00
parent ad568e57ad
commit 495fcf7b03
6 changed files with 29 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/assets/capsule1-glow.svg
View File

@@ -1,20 +1,6 @@
<svg width="232" height="64" viewBox="0 0 232 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_7652_5408)">
<rect x="8" y="8" width="216" height="48" rx="24" fill="white" shape-rendering="crispEdges"/>
<rect x="8.5" y="8.5" width="215" height="47" rx="23.5" stroke="#0099FF" shape-rendering="crispEdges"/>
<rect x="12" y="12" width="40" height="40" rx="20" fill="white"/>
<rect x="27" y="27" width="10" height="10" rx="5" fill="#BFE5FF"/>
</g>
<defs>
<filter id="filter0_d_7652_5408" x="0" y="0" width="232" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.6 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7652_5408"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7652_5408" result="shape"/>
</filter>
</defs>
<svg width="216" height="48" viewBox="0 0 216 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="215" height="47" rx="23.5" fill="white"/>
<rect x="0.5" y="0.5" width="215" height="47" rx="23.5" stroke="#0099FF"/>
<rect x="4" y="4" width="40" height="40" rx="20" fill="white"/>
<rect x="19" y="19" width="10" height="10" rx="5" fill="#BFE5FF"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 382 B

26
src/assets/capsule2-glow.svg
View File

@@ -1,21 +1,7 @@
<svg width="232" height="64" viewBox="0 0 232 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_7652_5399)">
<rect x="8" y="8" width="216" height="48" rx="24" fill="white"/>
<rect x="8.5" y="8.5" width="215" height="47" rx="23.5" stroke="#0099FF"/>
<rect x="12" y="12" width="40" height="40" rx="20" fill="white"/>
<rect x="22" y="22" width="20" height="20" rx="10" fill="#BFE5FF"/>
<rect x="27" y="27" width="10" height="10" rx="5" fill="#80CCFF"/>
</g>
<defs>
<filter id="filter0_d_7652_5399" x="0" y="0" width="232" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.6 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7652_5399"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7652_5399" result="shape"/>
</filter>
</defs>
<svg width="216" height="48" viewBox="0 0 216 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="215" height="47" rx="23.5" fill="white"/>
<rect x="0.5" y="0.5" width="215" height="47" rx="23.5" stroke="#0099FF"/>
<rect x="4" y="4" width="40" height="40" rx="20" fill="white"/>
<rect x="14" y="14" width="20" height="20" rx="10" fill="#BFE5FF"/>
<rect x="19" y="19" width="10" height="10" rx="5" fill="#80CCFF"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 450 B

28
src/assets/capsule3-glow.svg
View File

@@ -1,22 +1,8 @@
<svg width="232" height="64" viewBox="0 0 232 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_7652_5381)">
<rect x="8" y="8" width="216" height="48" rx="24" fill="white"/>
<rect x="8.5" y="8.5" width="215" height="47" rx="23.5" stroke="#0099FF"/>
<rect x="12" y="12" width="40" height="40" rx="20" fill="white"/>
<rect x="17" y="17" width="30" height="30" rx="15" fill="#BFE5FF"/>
<rect x="22" y="22" width="20" height="20" rx="10" fill="#80CCFF"/>
<rect x="27" y="27" width="10" height="10" rx="5" fill="#0099FF"/>
</g>
<defs>
<filter id="filter0_d_7652_5381" x="0" y="0" width="232" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.6 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7652_5381"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7652_5381" result="shape"/>
</filter>
</defs>
<svg width="216" height="48" viewBox="0 0 216 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="215" height="47" rx="23.5" fill="white"/>
<rect x="0.5" y="0.5" width="215" height="47" rx="23.5" stroke="#0099FF"/>
<rect x="4" y="4" width="40" height="40" rx="20" fill="white"/>
<rect x="9" y="9" width="30" height="30" rx="15" fill="#BFE5FF"/>
<rect x="14" y="14" width="20" height="20" rx="10" fill="#80CCFF"/>
<rect x="19" y="19" width="10" height="10" rx="5" fill="#0099FF"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 516 B

28
src/assets/capsule4-glow.svg
View File

@@ -1,22 +1,8 @@
<svg width="232" height="64" viewBox="0 0 232 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_7652_5390)">
<rect x="8" y="8" width="216" height="48" rx="24" fill="white"/>
<rect x="8.5" y="8.5" width="215" height="47" rx="23.5" stroke="#0099FF"/>
<rect x="12" y="12" width="40" height="40" rx="20" fill="#BFE5FF"/>
<rect x="17" y="17" width="30" height="30" rx="15" fill="#80CCFF"/>
<rect x="22" y="22" width="20" height="20" rx="10" fill="#0099FF"/>
<rect x="27" y="27" width="10" height="10" rx="5" fill="#0073BF"/>
</g>
<defs>
<filter id="filter0_d_7652_5390" x="0" y="0" width="232" height="64" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.6 0 0 0 0 1 0 0 0 1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7652_5390"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_7652_5390" result="shape"/>
</filter>
</defs>
<svg width="216" height="48" viewBox="0 0 216 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="215" height="47" rx="23.5" fill="white"/>
<rect x="0.5" y="0.5" width="215" height="47" rx="23.5" stroke="#0099FF"/>
<rect x="4" y="4" width="40" height="40" rx="20" fill="#BFE5FF"/>
<rect x="9" y="9" width="30" height="30" rx="15" fill="#80CCFF"/>
<rect x="14" y="14" width="20" height="20" rx="10" fill="#0099FF"/>
<rect x="19" y="19" width="10" height="10" rx="5" fill="#0073BF"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 518 B

4
src/module/cytoscapeMap.js
View File

@@ -217,8 +217,8 @@ export default function cytoscapeMap(mapData, dataLayerType, dataLayerOption, cu
selector: 'edge[source = target]', // 選擇 self-loop 的邊
style: {
'loop-direction': '0deg', // 控制 loop 的方向
'loop-sweep': '-90deg', // 控制 loop 的弧度，這裡可以調整弧度以改變大小
'control-point-step-size': 70 // 控制 loop 的半徑大小，增加這個值可以增大 loop
'loop-sweep': '-60deg', // 控制 loop 的弧度，這裡可以調整弧度以改變大小
'control-point-step-size': 50 // 控制 loop 的半徑大小，增加這個值可以增大 loop
}
},
],

4
src/views/Discover/Map/Map.vue
View File

@@ -351,8 +351,8 @@ export default {
id:node.id,
type:node.type,
label:node.label,
height: 60,
width: 226,
height: 48,
width: 216,
textColor: '#0F172A',
backgroundColor:'rgba(0, 0, 0, 0)',
borderradius: 999,