From 8c0dc507aeee61d2db37b6813d30f3a8cc1d7454 Mon Sep 17 00:00:00 2001 From: phoebus-84 <83974413+phoebus-84@users.noreply.github.com> Date: Sat, 17 Feb 2024 03:30:40 +0100 Subject: [PATCH] fix: apply background pattern to card (#53) * fix: apply bacground pattern to card * fix: ops console.log * test: fix card test --- src/components/assets/rect-dark.png | Bin 0 -> 2188 bytes src/components/assets/rect.png | Bin 0 -> 2727 bytes .../credential-card/d-credential-card.css | 2 +- .../credential-card/d-credential-card.tsx | 6 +++--- .../test/d-credential-card.spec.tsx | 2 +- stencil.config.ts | 7 +++++++ 6 files changed, 12 insertions(+), 5 deletions(-) create mode 100644 src/components/assets/rect-dark.png create mode 100644 src/components/assets/rect.png diff --git a/src/components/assets/rect-dark.png b/src/components/assets/rect-dark.png new file mode 100644 index 0000000000000000000000000000000000000000..62a5b39ab43a0c5011cf8de46416499ecd3d0d49 GIT binary patch literal 2188 zcmX9<2~<*B8@(VIRHT7V4W}HVKN}aRiQ07*2ej0*3{#s>90R9tfSx&3l0!L=iVe=g zbIh`cGBqugGBY)?mnj9QrD)~Ue_QXab?^Sp{`R@wUT2-PcA6X69=!p#0RR9r$-(9b z0KlkF-GP*czOjnb!w{gt9gfifU?cX=3j+#nszM};e#G7isO?k#0xb~dEL|)Cpq{gF z#eW?DAhk(0mL4&%>9OI^2|Fz7)s2VGCpOKk&HmbxszUOQcw^+^)L@k5GN;bU+@9TS z3y;GqaXlP?oUpbr(RQFmrw=%D%qW5H1mxT;DAKB;FrUzG;3Hop&8>K$krBM8uA`^&%2E`?0P!qq5ommRB#A1^tD z4T?tt>fh-BeQyVcPIMqN6k5zYN)l=;#xLPMm{AfH{F6*ILx=OqVSSC|Pk%*A`dc1| zs-(8%ung%k_u+(^Pk{ZZFt2>9Ni|U&M~r_rRQ3BZ3{rZ>{Nx1>Ae*MU)d#e>Gihf(W{40 ze(+B9&!sER0x}|POvx9Y=}wIz_FB247z5{{2WQJgHC7*OQorC-ukVn5FdZ7*Tt;i7 z@u+kp!=3p+Ihf~7-^k$l$#oPkd7~NYn5R#UY5R`3;2_n5niMpUBQqeSP1atD#$ zuI*-jds_&-Ao*E6z z5{^WOzc6W%_%O!Aa=E_HCL$Z))l@#LYE{wPo($P zj`kqP+k~=7VJ*>uU$~c)Xb`p&d)9@w<4MW&ZhpmREq7Rv>KN6B!v1^qJfdKq>7vq^ zc{DrJZGRBFH|HzU+Al6pN+9O3AD-_MjiBAPdZo|r8S?$Z|v3*+6RG^D3< zdr=77Qg+$bCEFu4&Ciej6Nsg%l9{`*!Yugu%-}50n#6w}7rbsX$=n)_o*Ys6n#w5p zXC3n+0@tZ~F}~QsOQ)BcK~8hN2DZmEhnX62WWy(2SztTkQ{?kgG!4wM)Fps{z?BA$ zo9cCqFw8M<^t@u#HP02{dx}?mf|C;M@M`}O5k^| zTN67J0?f_W@|(9v*(gHzhI&mFC?_6Kp}Fpl0(orOC-1JteG7q#;_5Ja9@{5%{i%~*FC<&Ge5X#I$D#f&$+x&k0`Ea%r80G>-x=Ca;%mT)sB%s4XrDScc%Y)W29$Hp zjDE94N^0tLvGNO=tKhuS>c>+3D$kcsbUz!~$It6dm&<$L8QGDrq{md!0GYl}^B?M0X)yP$*vR3CvoHl|YTi(PFx0U(D69=8>N^rAJtl<$30{4ON z%fvTqOo_@Gn7nSkr_2nZ%<89p4tDt-=fQS2N=#qF(c$+~WppoNg>|?Orr&!#5+k<+ zvgKQS`LQtrr5gx>5F6Lxu&sZnLarUOD^z+m6B<1FB9kxaECJ;hw=)}@_J8rcxX}! zvbbhm*dS4au(0V5_^-77fq&KGd)#=in}Q^O`7@Bz*#HW$U4IHlQ*J68MSu~`Lf}kg7^W5r+^vvX zEdual#D#1C-v{O5GsLu=Ht0X+@^lCRl8pY_GgzQ|R9y${mJu?qE^}(QERXLv$BTBC zIl*}d=^j_i(aekkDW2;E-;BmJ7ix7@UFR6u0-;fgsN?(ZPf&b4@o1mB5c|QnWpH8q z^cZY!(uKp$ literal 0 HcmV?d00001 diff --git a/src/components/assets/rect.png b/src/components/assets/rect.png new file mode 100644 index 0000000000000000000000000000000000000000..2d93c0a794756aa184f4976bf6bf68710a9b0a3f GIT binary patch literal 2727 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 @@ -43,9 +43,9 @@ export class DCredentialCard { @Prop() expirationDate?: string; render() { - // const imageSrc = getAssetPath(`./assets/Rectangle.png`); + const imageSrc = getAssetPath('./assets/rect-dark.png'); return ( - +
diff --git a/src/components/credential-card/test/d-credential-card.spec.tsx b/src/components/credential-card/test/d-credential-card.spec.tsx index 64192b9..bc49019 100644 --- a/src/components/credential-card/test/d-credential-card.spec.tsx +++ b/src/components/credential-card/test/d-credential-card.spec.tsx @@ -8,7 +8,7 @@ describe('d-credential-card', () => { html: ``, }); expect(page.root).toEqualHtml(` - +
diff --git a/stencil.config.ts b/stencil.config.ts index ca7f982..f237410 100644 --- a/stencil.config.ts +++ b/stencil.config.ts @@ -30,6 +30,13 @@ export const config: Config = { }, { type: 'dist-custom-elements', + copy: [ + { + src: '**/*.{jpg,png}', + dest: 'dist/didroom-components/assets', + warn: true, + } + ], generateTypeDeclarations: true, }, {