From 6bc5eadbf484afaacece67a4e9d8a6eaa027b2f5 Mon Sep 17 00:00:00 2001 From: Nero Ignis Date: Wed, 25 May 2022 13:23:32 +0200 Subject: [PATCH] add colored frames for later; add transparent background for loader; install izitoast; --- package-lock.json | 11 +++++++++++ package.json | 1 + public/assets/gui/border_blue.png | Bin 0 -> 1383 bytes public/assets/gui/border_green.png | Bin 0 -> 1408 bytes public/assets/gui/border_magenta.png | Bin 0 -> 1394 bytes public/assets/gui/border_red.png | Bin 0 -> 1389 bytes src/components/CropField.vue | 1 + 7 files changed, 13 insertions(+) create mode 100644 public/assets/gui/border_blue.png create mode 100644 public/assets/gui/border_green.png create mode 100644 public/assets/gui/border_magenta.png create mode 100644 public/assets/gui/border_red.png diff --git a/package-lock.json b/package-lock.json index 9b02767..4003883 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12,6 +12,7 @@ "bootstrap": "^5.2.0-beta1", "bootswatch": "^5.1.3", "core-js": "^3.8.3", + "izitoast": "^1.4.0", "moment": "^2.29.3", "momentjs": "^2.0.0", "vue": "^3.2.13", @@ -8776,6 +8777,11 @@ "node": ">=8" } }, + "node_modules/izitoast": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/izitoast/-/izitoast-1.4.0.tgz", + "integrity": "sha512-Oc1X2wiQtPp39i5VpIjf3GJf5sfCtHKXZ5szx7RareyEeFLUlcEW0FSfBni28+Ul6KNKZRKzhVuWzSP4Xngh0w==" + }, "node_modules/javascript-stringify": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/javascript-stringify/-/javascript-stringify-2.1.0.tgz", @@ -22888,6 +22894,11 @@ "istanbul-lib-report": "^3.0.0" } }, + "izitoast": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/izitoast/-/izitoast-1.4.0.tgz", + "integrity": "sha512-Oc1X2wiQtPp39i5VpIjf3GJf5sfCtHKXZ5szx7RareyEeFLUlcEW0FSfBni28+Ul6KNKZRKzhVuWzSP4Xngh0w==" + }, "javascript-stringify": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/javascript-stringify/-/javascript-stringify-2.1.0.tgz", diff --git a/package.json b/package.json index 85aa112..55f6ed0 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,7 @@ "bootstrap": "^5.2.0-beta1", "bootswatch": "^5.1.3", "core-js": "^3.8.3", + "izitoast": "^1.4.0", "moment": "^2.29.3", "momentjs": "^2.0.0", "vue": "^3.2.13", diff --git a/public/assets/gui/border_blue.png b/public/assets/gui/border_blue.png new file mode 100644 index 0000000000000000000000000000000000000000..6d258d4fcf82856b929f89c9eb0e9b194bb4d409 GIT binary patch literal 1383 zcmeAS@N?(olHy`uVBq!ia0y~yU{nBM4mJh`29f4<4M2*qILO_JVcj{Imp~3nx}&cn z1H;CC?mvmFKt5-IM`SSr1Gg{;GcwGYBLP(N$J50zq$2L^9mBksP?3g*<}FP{BAnb) zn!4BmQ#o}Mbxo$6sP;H0G$H2l1hY3SCM#b|=xEYuOk;F8c2u-e)&8Xa@lK!`vGh&dgnx5MTG}<0tgy?v1f8?J&}H}m(|Z@%+_*2NxZ z=iS)E=nC9)@!k-a}E0gBhrAOYuv!Iv0jp545;yW22+WA*nmpU?X${(J;xujlXW zZubc8c-Ng+#9xmKUdyX^0LWZo4XOmAIL@D;?&{+pn6T`D?TG#q0L}%HCdn zolj<}6(;S+M6>*jmdl zgM?CexdBXHY2UcEUAY97T^HqD$%qo*0yCHWXV@D1xS4tF@B6^Qk-^i|&t;ucLK6Um Cu(o9Y literal 0 HcmV?d00001 diff --git a/public/assets/gui/border_green.png b/public/assets/gui/border_green.png new file mode 100644 index 0000000000000000000000000000000000000000..16d2acc1e0df2e546d76bd2535a4980796d57d2a GIT binary patch literal 1408 zcmeAS@N?(olHy`uVBq!ia0y~yU{nBM4mJh`29f4<4M2*qILO_JVcj{Imp~3nx}&cn z1H;CC?mvmFKt5-IM`SSr1Gg{;GcwGYBf-GHD(dOt7*Y}U_KsmzOt?tHLvuw}ujPV< zW-6_hS;FI-R$aO0s4(G>w8vzvUUPvBtKTT(#ip@(KGxb{ctT^vM)8Ch2|L7uUNp)r zzG!d!%TA)k;p?9}i*cQ!jj~^#znY$%c|84be1o*QgM(W`Lk|O^BqNj2 z^)lAq|9+@n*WRJ}?oPGAvhII>pRYHJ{qpMKY47OAtSl)k949ygCI~7hC_6Z$eH6`k zx%KszFBLuq)>&EYvR`)gOzr*HgAH?mlF!`2H{|dCk>+#x%cI@t*T1<>IFMHN=l%7~ z@4wFGS5J;Q$Hn%B7ii<=>STHcLq=>CgSQlGhom(Wkxrx!*y`kZZoA!)s@jHIr>yyI_5}pGc z8F}_^+HWm?&Fgv(YMj?39JnU{b~VDYKx2@-Gb+JkG#Vt(v^_WzL)zDhza_TMxbN++ zwOv*jUtd=a%wEUC_pd$1A+tmM_4D+*7BlblX6}<-zWjLdt`pqg%z9J9A>VG!oLake zMf2?*A3xCeYe!k_ube|r*%w@8_vTjfA2abSU#@@L#CQMtx-!{j+pS-2nI0GAxnT)R z65E6peBQ5EF5CRK^xy71ywI%qruEgs`}Q%rjAUi+%3r>^qwnCm+uydnzPfn&^t$_d z!9~hUX<%vaH;I**ZyE#R%%j>j<}6(;xncjau(g)ZObRJUfT4ZnjcCrwrQya2^=D(Z jPW!}!nih?G|1--pzPY`Mi+vfe)MW5<^>bP0l+XkK(jC3M literal 0 HcmV?d00001 diff --git a/public/assets/gui/border_magenta.png b/public/assets/gui/border_magenta.png new file mode 100644 index 0000000000000000000000000000000000000000..7446e7a1c414a790361f9c9f4a9eda9f1b2925d9 GIT binary patch literal 1394 zcmeAS@N?(olHy`uVBq!ia0y~yU{nBM4mJh`29f4<4M2*qILO_JVcj{Imp~3nx}&cn z1H;CC?mvmFKt5-IM`SSr1Gg{;GcwGYBf-GH%I@jn7*Y}U_KsmzOt?tH!Lk>>$ z*q|6HwfK}Y$CC2LvP-^I#ZQ=^rel@4!}Y?OOpDD^jg$@}Jq zu`_=Cy<_a2u{UbQ<>%??k2!R%{Js7)e&!dE9I|eGH5Rpw8hzU z7UpklKy@b#GsJJNTbV7fK_>j?`X%o3@AY54>htv=FW6Z(PjaN)X5D`HWp{7ko5L0J zjGGv%{Tmw2yb(OJjr-lQ+-=Ej1_^~gFXWgu-7GtJ*QDG!jfGjv9jK)0)%3TkW0vOZ zZaCW}aj;>pqJsm%=}ass$o?LcU@{sF5@;qEw29%&uP;Au-n57>`110vg>UtT*L#7v zYu=t;m9~8cbjyDwEtZx)_W4eTd7r=Ev6o7a+?uwUp|~;Z}+krO^n^Z0wK+u@z#&lJ7qlI zZXDaahdU3Pht51{d-eXX`Sd=Yety1VFSBxvC;Tki`?jj=%a=>v??N)}&YOZfH?-Xh z9$XVrP%y4$nQc^V!u;*}l@+E(Ilu)3r~rW^IiI|P&t~m51<8hG>!B4gN~^E_fBEUD Vr^uA*GGIB$;OXk;vd$@?2>>B}#Nz+} literal 0 HcmV?d00001 diff --git a/public/assets/gui/border_red.png b/public/assets/gui/border_red.png new file mode 100644 index 0000000000000000000000000000000000000000..7b92c7af673b7a44f2987b4f2a0d856bd71946cc GIT binary patch literal 1389 zcmeAS@N?(olHy`uVBq!ia0y~yU{nBM4mJh`29f4<4M2*qILO_JVcj{Imp~3nx}&cn z1H;CC?mvmFKt5-IM`SSr1Gg{;GcwGYBf-GH%H-+d7*Y}U_Rhk-Dd{2&4`;G9IxJAj z^>8pT^%Y$t-tdC8fHfrK;m(dVP-As?CQ6- z^6Yy!BUYV#_HD*Dc{c|-N5 zAI0q3-XBX~W%g?Ty7Q*?jBN23|KBmk*CZTx1a!;IY>>j&neR%^aIxw10hN5clD|#= z)0CpOO#5;=M0qTv;O-Vg@-d2sMkPRrU^Ga;se2G6hBf7&>|1l}_I3H=CU1}Jtxk?w zyYJuQ?_VVvg|~yUh&eEe7~JiB`|a?IbDx;NS@m1g!F?sq->o&Q{k6=0e)RDNEoa}h ziSk6q0CO^X!rMUk}|ni#u* zMMPSW>aXAJ^5<)-a?Q3MFELz~yrHIjUm3V;IKNw5U;;42innS@6odft)T)}%ffJG#Or>mdK II;Vst0Dhgi7ytkO literal 0 HcmV?d00001 diff --git a/src/components/CropField.vue b/src/components/CropField.vue index c40243f..e8b8ced 100644 --- a/src/components/CropField.vue +++ b/src/components/CropField.vue @@ -133,6 +133,7 @@ export default { .percent-bar-wrapper { z-index: 300; margin-top: -0.2em; + background-color: rgba(5,5,5,0.3); } .percent-bar {