noxious/client
6
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

NQ-74 Styling updates and fixes GUI

Browse Source
This commit is contained in:
Colin Kallemein
2024-06-12 21:30:51 +02:00
parent 9022c104da
commit 12445db7f1
13 changed files with 95 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/assets/icons/submit-icon.svg
View File

@ -1 +1 @@
<svg width="48" xmlns="http://www.w3.org/2000/svg" height="48" id="screenshot-e9346f42-72c8-800c-8004-507b356b7f18" viewBox="0 0 48 48" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><g id="shape-e9346f42-72c8-800c-8004-507b356b7f18" width="1em" height="1em" rx="0" ry="0" style="fill: rgb(0, 0, 0);"><g id="shape-e9346f42-72c8-800c-8004-507b356b7f1b"><defs style="fill: rgb(0, 0, 0);"/></g><g id="shape-e9346f42-72c8-800c-8004-507b356b7f1c"><defs><mask width="1.2" height="1.2" x="-0.1" id="render-3-ipSEnterKey0" data-old-y="-0.1" data-old-width="1.2" data-old-x="-0.1" y="-0.1" data-old-height="1.2"><g class="svg-mask-wrapper" transform="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#fff" stroke="#fff" d="M44 44V4H24v16H4v24z"/><path stroke="#000" d="m21 28l-4 4l4 4"/><path stroke="#000" d="M34 23v9H17"/></g></g></mask></defs><g class="fills" id="fills-e9346f42-72c8-800c-8004-507b356b7f1c"><path d="M0.000,0.000L48.000,0.000L48.000,48.000L0.000,48.000ZZ" mask="url(#render-3-ipSEnterKey0)" style="fill: rgb(69, 69, 69); fill-opacity: 1;"/></g></g></g></svg>
<svg width="48" xmlns="http://www.w3.org/2000/svg" height="48" id="screenshot-e9346f42-72c8-800c-8004-507b356b7f18" viewBox="0 0 48 48" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><g id="shape-e9346f42-72c8-800c-8004-507b356b7f18" width="1em" height="1em" rx="0" ry="0" style="fill: rgb(0, 0, 0);"><g id="shape-e9346f42-72c8-800c-8004-507b356b7f1b"><defs style="fill: rgb(0, 0, 0);"/></g><g id="shape-e9346f42-72c8-800c-8004-507b356b7f1c"><defs><mask width="1.2" height="1.2" x="-0.1" id="render-3-ipSEnterKey0" data-old-y="-0.1" data-old-width="1.2" data-old-x="-0.1" y="-0.1" data-old-height="1.2"><g class="svg-mask-wrapper" transform="matrix(1.000000, 0.000000, 0.000000, 1.000000, 0.000000, 0.000000)"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#fff" stroke="#fff" d="M44 44V4H24v16H4v24z"/><path stroke="#000" d="m21 28l-4 4l4 4"/><path stroke="#000" d="M34 23v9H17"/></g></g></mask></defs><g class="fills" id="fills-e9346f42-72c8-800c-8004-507b356b7f1c"><path d="M0.000,0.000L48.000,0.000L48.000,48.000L0.000,48.000ZZ" mask="url(#render-3-ipSEnterKey0)" style="fill: #696969; fill-opacity: 1;"/></g></g></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

0
public/assets/shapes/character-select-shape-2.svg → public/assets/shapes/character-select-shape.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

1
public/assets/shapes/hud-image-shape-2.svg
View File

@ -1 +0,0 @@
<svg width="278.367" xmlns="http://www.w3.org/2000/svg" height="84" id="screenshot-e38d8c7f-bba0-801b-8004-7d6eeffceb00" viewBox="0.987 0 278.367 84" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><g id="shape-e38d8c7f-bba0-801b-8004-7d6eeffceb00"><g class="fills" id="fills-e38d8c7f-bba0-801b-8004-7d6eeffceb00"><path d="M0.987,12.078C4.058,4.975,11.130,0.000,19.354,0.000L259.354,0.000C270.393,0.000,279.354,8.962,279.354,20.000L279.354,64.000C279.354,75.038,270.393,84.000,259.354,84.000L19.354,84.000C11.162,84.000,4.113,79.063,1.023,72.005C16.790,71.104,29.354,58.008,29.354,42.000C29.354,26.009,16.816,12.923,0.987,12.078Z" style="fill: #fff; fill-opacity: 1;"/></g></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 704 B

1
public/assets/shapes/hud-image-shape-flipped.svg Normal file
View File

@ -0,0 +1 @@
<svg width="290" xmlns="http://www.w3.org/2000/svg" height="87" id="screenshot-e9942e24-155b-8096-8004-7eb5ea5d2669" viewBox="0 0 290 87" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><g id="shape-e9942e24-155b-8096-8004-7eb5ea5d2669"><g class="fills" id="fills-e9942e24-155b-8096-8004-7eb5ea5d2669"><path d="M286.515,78.278C282.911,83.543,276.856,87.000,270.000,87.000L20.000,87.000C8.962,87.000,0.000,78.038,0.000,67.000L0.000,20.000C0.000,8.962,8.962,0.000,20.000,0.000L270.000,0.000C276.834,0.000,282.872,3.435,286.480,8.671C268.843,10.411,255.000,25.352,255.000,43.500C255.000,61.610,268.784,76.525,286.515,78.278ZM290.000,20.000L290.000,67.000" style="fill: #fff; fill-opacity: 1;"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 726 B

2
public/assets/shapes/hud-image-shape.svg
View File

@ -1 +1 @@
<svg width="245" xmlns="http://www.w3.org/2000/svg" height="75" id="screenshot-2ec5776a-76a9-8039-8004-71b166124144" viewBox="0 0 245 75" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><g id="shape-2ec5776a-76a9-8039-8004-71b166124144"><g class="fills" id="fills-2ec5776a-76a9-8039-8004-71b166124144"><path d="M40.420,0.000L229.000,0.000C237.831,0.000,245.000,7.169,245.000,16.000L245.000,59.000C245.000,67.831,237.831,75.000,229.000,75.000L16.000,75.000C7.169,75.000,0.000,67.831,0.000,59.000L0.000,41.033C1.021,41.117,2.054,41.160,3.096,41.160C23.793,41.160,40.596,24.356,40.596,3.660C40.596,2.425,40.536,1.204,40.420,0.000Z" style="fill: rgb(255, 255, 255); fill-opacity: 1;"/></g></g></svg>
<svg width="290" xmlns="http://www.w3.org/2000/svg" height="87" id="screenshot-e38d8c7f-bba0-801b-8004-7d6eeffceb00" viewBox="4058.354 6110 290 87" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><g id="shape-e38d8c7f-bba0-801b-8004-7d6eeffceb00"><g class="fills" id="fills-e38d8c7f-bba0-801b-8004-7d6eeffceb00"><path d="M4061.840,6118.722C4065.444,6113.457,4071.499,6110.000,4078.354,6110.000L4328.354,6110.000C4339.393,6110.000,4348.354,6118.962,4348.354,6130.000L4348.354,6177.000C4348.354,6188.038,4339.393,6197.000,4328.354,6197.000L4078.354,6197.000C4071.521,6197.000,4065.483,6193.565,4061.875,6188.329C4079.512,6186.589,4093.354,6171.648,4093.354,6153.500C4093.354,6135.390,4079.571,6120.475,4061.840,6118.722ZM4058.354,6177.000L4058.354,6130.000" style="fill: #fff; fill-opacity: 1;"/></g></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 716 B

After

Width:  |  Height:  |  Size: 829 B

1
public/assets/shapes/hud-shape-2.svg
View File

@ -1 +0,0 @@
<svg width="278.355" xmlns="http://www.w3.org/2000/svg" height="84" id="screenshot-e38d8c7f-bba0-801b-8004-7d68f958e1ff" viewBox="4060.645 6208 278.355 84" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><g id="shape-e38d8c7f-bba0-801b-8004-7d68f958e1ff"><g class="fills" id="fills-e38d8c7f-bba0-801b-8004-7d68f958e1ff"><path d="M4060.645,6220.049C4063.723,6212.962,4070.786,6208.000,4079.000,6208.000L4319.000,6208.000C4330.038,6208.000,4339.000,6216.962,4339.000,6228.000L4339.000,6272.000C4339.000,6283.038,4330.038,6292.000,4319.000,6292.000L4079.000,6292.000C4070.807,6292.000,4063.759,6287.063,4060.669,6280.005C4076.870,6279.685,4090.000,6266.364,4090.000,6250.000C4090.000,6233.669,4076.923,6220.369,4060.645,6220.049Z" style="fill: rgb(127, 127, 127); fill-opacity: 0.7;"/></g><g id="strokes-e38d8c7f-bba0-801b-8004-7d68f958e1ff" class="strokes"><g class="inner-stroke-shape"><defs><clipPath id="inner-stroke-render-1-e38d8c7f-bba0-801b-8004-7d68f958e1ff-0"><use href="#stroke-shape-render-1-e38d8c7f-bba0-801b-8004-7d68f958e1ff-0"/></clipPath><path d="M4060.645,6220.049C4063.723,6212.962,4070.786,6208.000,4079.000,6208.000L4319.000,6208.000C4330.038,6208.000,4339.000,6216.962,4339.000,6228.000L4339.000,6272.000C4339.000,6283.038,4330.038,6292.000,4319.000,6292.000L4079.000,6292.000C4070.807,6292.000,4063.759,6287.063,4060.669,6280.005C4076.870,6279.685,4090.000,6266.364,4090.000,6250.000C4090.000,6233.669,4076.923,6220.369,4060.645,6220.049Z" id="stroke-shape-render-1-e38d8c7f-bba0-801b-8004-7d68f958e1ff-0" style="fill: none; stroke-width: 6; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/></defs><use href="#stroke-shape-render-1-e38d8c7f-bba0-801b-8004-7d68f958e1ff-0" clip-path="url('#inner-stroke-render-1-e38d8c7f-bba0-801b-8004-7d68f958e1ff-0')"/></g></g></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 KiB

2
public/assets/shapes/hud-shape.svg
View File

@ -1 +1 @@
<svg width="245" xmlns="http://www.w3.org/2000/svg" height="75" id="screenshot-2ec5776a-76a9-8039-8004-71aadb07368f" viewBox="0 0 245 75" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><g id="shape-2ec5776a-76a9-8039-8004-71aadb07368f"><g class="fills" id="fills-2ec5776a-76a9-8039-8004-71aadb07368f"><path d="M40.420,0.000L229.000,0.000C237.831,0.000,245.000,7.169,245.000,16.000L245.000,59.000C245.000,67.831,237.831,75.000,229.000,75.000L16.000,75.000C7.169,75.000,0.000,67.831,0.000,59.000L0.000,41.033C1.021,41.117,2.054,41.160,3.096,41.160C23.793,41.160,40.596,24.356,40.596,3.660C40.596,2.425,40.536,1.204,40.420,0.000Z" style="fill: rgb(127, 127, 127); fill-opacity: 0.5;"/></g><g id="strokes-2ec5776a-76a9-8039-8004-71aadb07368f" class="strokes"><g class="inner-stroke-shape"><defs><clipPath id="inner-stroke-render-1-2ec5776a-76a9-8039-8004-71aadb07368f-0"><use href="#stroke-shape-render-1-2ec5776a-76a9-8039-8004-71aadb07368f-0"/></clipPath><path d="M40.420,0.000L229.000,0.000C237.831,0.000,245.000,7.169,245.000,16.000L245.000,59.000C245.000,67.831,237.831,75.000,229.000,75.000L16.000,75.000C7.169,75.000,0.000,67.831,0.000,59.000L0.000,41.033C1.021,41.117,2.054,41.160,3.096,41.160C23.793,41.160,40.596,24.356,40.596,3.660C40.596,2.425,40.536,1.204,40.420,0.000Z" id="stroke-shape-render-1-2ec5776a-76a9-8039-8004-71aadb07368f-0" style="fill: none; stroke-width: 6; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/></defs><use href="#stroke-shape-render-1-2ec5776a-76a9-8039-8004-71aadb07368f-0" clip-path="url('#inner-stroke-render-1-2ec5776a-76a9-8039-8004-71aadb07368f-0')"/></g></g></g></svg>
<svg width="290" xmlns="http://www.w3.org/2000/svg" height="87" id="screenshot-e9942e24-155b-8096-8004-7eaff9882cd6" viewBox="0 0 290 87" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1"><g id="shape-e9942e24-155b-8096-8004-7eaff9882cd6"><g class="fills" id="fills-e9942e24-155b-8096-8004-7eaff9882cd6"><path d="M3.485,8.722C7.089,3.457,13.144,0.000,20.000,0.000L270.000,0.000C281.038,0.000,290.000,8.962,290.000,20.000L290.000,67.000C290.000,78.038,281.038,87.000,270.000,87.000L20.000,87.000C13.166,87.000,7.128,83.565,3.520,78.329C21.157,76.589,35.000,61.648,35.000,43.500C35.000,25.390,21.216,10.475,3.485,8.722ZM0.000,67.000L0.000,20.000" style="fill: rgb(127, 127, 127); fill-opacity: 0.7;"/></g><g id="strokes-e9942e24-155b-8096-8004-7eaff9882cd6" class="strokes"><g class="inner-stroke-shape"><defs><clipPath id="inner-stroke-render-1-e9942e24-155b-8096-8004-7eaff9882cd6-0"><use href="#stroke-shape-render-1-e9942e24-155b-8096-8004-7eaff9882cd6-0"/></clipPath><path d="M3.485,8.722C7.089,3.457,13.144,0.000,20.000,0.000L270.000,0.000C281.038,0.000,290.000,8.962,290.000,20.000L290.000,67.000C290.000,78.038,281.038,87.000,270.000,87.000L20.000,87.000C13.166,87.000,7.128,83.565,3.520,78.329C21.157,76.589,35.000,61.648,35.000,43.500C35.000,25.390,21.216,10.475,3.485,8.722ZM0.000,67.000L0.000,20.000" id="stroke-shape-render-1-e9942e24-155b-8096-8004-7eaff9882cd6-0" style="fill: none; stroke-width: 6; stroke: rgb(255, 255, 255); stroke-opacity: 1;"/></defs><use href="#stroke-shape-render-1-e9942e24-155b-8096-8004-7eaff9882cd6-0" clip-path="url('#inner-stroke-render-1-e9942e24-155b-8096-8004-7eaff9882cd6-0')"/></g></g></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB