From 4bfa5e890630fd1d6663de5f3a70d5f7f7be0723 Mon Sep 17 00:00:00 2001 From: Methapon Metanipat <162551568+Methapon-Frappet@users.noreply.github.com> Date: Thu, 7 Nov 2024 10:55:55 +0700 Subject: [PATCH] refactor: urgent quotation card (#60) --- public/images/quotation-avatar-border.png | Bin 0 -> 3875 bytes public/images/quotation-avatar.png | Bin 3961 -> 2909 bytes src/components/05_quotation/QuotationCard.vue | 125 ++++++++++-------- src/i18n/eng.ts | 1 + src/i18n/tha.ts | 1 + 5 files changed, 73 insertions(+), 54 deletions(-) create mode 100644 public/images/quotation-avatar-border.png diff --git a/public/images/quotation-avatar-border.png b/public/images/quotation-avatar-border.png new file mode 100644 index 0000000000000000000000000000000000000000..1e2e11da1ad6047eb8c72d1c345f54c46205e24b GIT binary patch literal 3875 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 literal 0 HcmV?d00001 diff --git a/public/images/quotation-avatar.png b/public/images/quotation-avatar.png index 754e33a271a1c7652bbb63f9c240d1a9264c62e8..460b91f8ccb7942a7db0e14abfb98642f275670f 100644 GIT binary patch literal 2909 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 literal 3961 zcmZu!c|4SR-)8JIWv6U|v1JXVMy9ckv7}K7lRdj+8AK_{&KUbn_9hL{Sh993!-(u7 zdy?#r5Q7ZQocDdt`#IW-6w!h&_-!&d4MWmf)2V+~68ASSQ1d zS^V&RHuOYoK1rRsKH5!Pt^N1>V4_ht@NA(Ek5N5q|LT?)wrF8NK1?iib+$QZGsKv) zNtOPG5#mW9h?|j{!`AzFZbn+1D zF1WLtWojNjS$a1CCLy4R_Yn(0Vl^1Kuf?X5piNbWx}apq%_ibL$4&%H;#`Z>1V&dO z@;iOFp6xpa(2Z}7LqaT5jCX@}O%rQZ%YlxG1+4C#>vJ`s6pVwmr3v#+HKU&|W%J5; z_)RBOXw@QVHsbBj1O2u-LVXZas+T=nZ?3!4%WhgTT9n&40agr3x%9YTkJQfv=Z$Hv zt4d@T$QH-SmX3kX0VJ@p1pX^PMnll8M@{a}vnT9X!8!|rErG}Dni2Y3@R!orCM_TL zo4RS;i*if9ry-g?JPI)|3FkRKxCEJaVX1=^ETPh1U?f`&197Dr=scDJ#L9B@J!Sx6p>=4m;w8?m>rDoDWa1gHlBR9O!KG3R^(Z!w(j2g}|Nka?#o~>sE=W)x&Yn4c8 z$DvV1pao$?Hssqy+BJ6%HACa@9LAu9clQRo1nMi@;#7IySCw(bk`N9X#y#5OrVMN@(|WSX~Hb|o(=uZbzUvmxi@JMyVErtX{%He$vCnr^Q>hlrA^1DM-mHT{!zcU$LEn} z1PWJJxoXkpcn(p(1^>tiU=!2<(d)8;?PEy0Sk|7Ss1RJWon$Z4>LhcU&6!PJS$35h-06NGjglEgaQ6q{MKbl9@TC2`?dH&HF!JC#4L%__3O2s zgZ{Y3)-4&E_1vdUAsYqa@Ig@o1)Nqpz|-EGl`j`t@-MVa4v{Ur0R99 zUD2fx%Hujh0ixGwn&>=R`?B%lMuSf0fd^&OrQ>R0TU$GoGBFamZ~pbvu=607lEF>n zESuX^!?Y~B*p)@yvXNYeK!fFeu8%1bhZygVzDs=E87|Oj8_UrNNDbe(HoB@On2vEh z9X(AV42Dut**gTqz2!8`?#7^{874KpC@NhOeKq|iT#pdIJpf4!AKT70CZwB86gR6z z$+=7+tX+5b%nS%`Z^0Ejzt}(h^6`P@&5MiU@hA5uh@7p~i-j*pu!p^myp=tgq(6Y$ z0*05pP)lS0`jX#*n#%d!M6~I*6lJ@1nN9yd@=dnlaRT|o)m{|~tjm31OugI1GzEEB z0eS{Hqne!BcsiGMPF#J@ z3(5t30 zvsciJ#Q)(1I!9@BX-kN%|7yK*am9tn`@GyDSKDn_94=K#M9l>`poo}4ic${>-3u#b zWvq!S<`yz65CeZwD3xUtYAExFQ*pN3EuRD{_+*cA(Z=RLtc!$)Aq%i`kvS0Y^DY~1 zfXnEwCFL04*ceHt$}qR1+%sjBEIFZEVGSE2E51KHpLOPY#!+*Z)H(wSmLnw1H2fzE zY%F@xEs-`onpdu8?LQtHi{-zJ_WL!CpC4R3iFX*H;wke-dS53F6LWiTI3D`hX@qIM zaM^yGH6EH7@-&!BqwL4G>G zvNQj*niMJ~mhg)ou#0|jP}=~V+SnQ*NoTR#R7(CF&i=1A!V&qN72m@Xc}|cq940Ka zb;}Jd@+>Rj9<38_>BuVe=hg^E`<$mQ}*h>8zPN+ zk!W7SMjdD#-*}Yn`+%}*z0G#j4lo&hA+@S+yT$}C2-h9IcoeceRIo#1$wu9HeTd1 zy7rY}9;&#fc7!};mBFbOp98U)s;#m@)rxvtTbEsPH=_kXN|Yh=dnwE#pPy$lV;b#$}P;!iDkZCWpZ3^ zYCZ=27>QUn2$wAET6)Q#@!U7r?CT6tLvdief_*|>ZafDrC|%!BRZuX2-yBF zcxj5?l`Ypslld^y{MW{h$MB7Rv~!t5$?&~|QqgqcvP!bKo*<;`!czpf3;Et^E% zT3x?3LuqRHvZr<$CYc?)6kONh>&WJCCOqR`LmY+VOMXk#D?)JK;zE+Gz$e0!X#Q{P z2+uX)!?Z*?htVC8XWL2nT8=n_SVSsuC3x^<^hQa!S%#8cum#!cmPHTLW9=*VXYDC-@0JoB)BNj2 z<(Q{UO77GSH&tvC4^henAPk&-*O$mp+ua{&)0?a4cgO28I!CB{rQRTchWiNKo#J&E z-UwPzTz#{QFaljT_ryIf2lBz~^{fIdU|+6gAUlIY7bh5Q*fpDkwwfa?WUf!i536{{ zofF8K>nU3T?P0n@c17;5e+rm)6L(w3SFZ*tCrl=weXO)LO@AgF2{9c(lX45Ag3_6N zm+LG>p3Ih72*7rQW{2WBHiB&!r#FETe|;0_wXN!SN+wmWC-qwl__ymr+THEofX_M#UX$5R|s#~>M5IsaQvJY|ygVlmt$!iNYjGwHHm2u=mg*-W& zRc-rb+u@!t30uo_?XDQ)?0Wp`sg>%8Qo7StU-$TpG*X#n_0de3EobG8`Dfi*b!B7i zckVwi{9H|a{K{TZ*rf;i(%1KdX?^BBcj5I9U+3#wYs>|eEB-(ol9UD61s&g;*9I*~ zC;Xuxa@5J!E?)?h85cNF(sq-r1V9BMUDdIh5%vKI_n_7338C$yub9dNU|(p-mVn8Q zy;*S7F}SoFW>zu7p*(9TbT3)~@W57JkK=|bmlD98mc>>13bV8OgxY`lOT<%>C^O77 zGl0IrsG+5dwJ=r-JuQDz&kdI}VfJ%8RMJ*ioD04DjDlhI3WE!%)g(}+*=gIA$G*IY zW{MwWqSo9=QaETx9#3NN*dtobePSBoe4h#_xtzq=r@x|a95jjY_NlDLt_Ci+2^xA* z*f&&KGw3gS^R%}p&CmX)dIL7P0H8U%^{_*c07P!oAN7(); @@ -175,7 +177,22 @@ span { height: 12px; } -.urgent { - color: hsl(var(--red-6-hsl)); +.urgent-card { + background-color: hsla(var(--red-3-hsl) / 0.2) !important; + border: 1px solid var(--red-6) !important; + + .code { + color: var(--red-6); + } + + .tag { + font-size: 12px; + border-radius: var(--radius-2); + background: hsl(var(--red-7-hsl)); + color: white; + -webkit-box-shadow: 0px 0px 6px 0px rgba(240, 62, 62, 1); + -moz-box-shadow: 0px 0px 6px 0px rgba(240, 62, 62, 1); + box-shadow: 0px 0px 6px 0px rgba(240, 62, 62, 1); + } } diff --git a/src/i18n/eng.ts b/src/i18n/eng.ts index 281c220f..7ffbc959 100644 --- a/src/i18n/eng.ts +++ b/src/i18n/eng.ts @@ -100,6 +100,7 @@ export default { afterEdit: 'After', generated: 'System Generated', urgent: 'Urgent', + urgent2: 'Urgent', oldData: 'Select existing data', newData: 'Add new ', male: 'Male', diff --git a/src/i18n/tha.ts b/src/i18n/tha.ts index 5364dc18..1d276e7d 100644 --- a/src/i18n/tha.ts +++ b/src/i18n/tha.ts @@ -100,6 +100,7 @@ export default { afterEdit: 'แก้ใหม่', generated: 'ระบบออกให้', urgent: 'เร่งด่วน', + urgent2: 'ด่วน', oldData: 'เลือกข้อมูลที่มีอยู่เเล้ว', newData: 'เพิ่มมาใหม่', male: 'ชาย',