diff --git a/src/TestPanel.js b/src/TestPanel.js
index 4b68a41..4a443e6 100644
--- a/src/TestPanel.js
+++ b/src/TestPanel.js
@@ -517,7 +517,9 @@ useEffect(()=>{
Equipped Weapon
{GetSpecialWeaponName(selectedWeapon)}
-
+40
+
Edit Details
{weaponPage === 1 ?
@@ -568,17 +570,22 @@ useEffect(()=>{
Enhancement Lv.
Damage Adj.
Weapon Up
-Ailment Resist.
+Ailment Resist.
Available Classes
Multi-weapon
40
75.0% ~ 100%
-Weapon Up
-Ailment Resist.
-Available Classes
-
+9.9%
+0.0%
0.0%
0.0%
+
+
+9.9%
+0.0%
0.0%
+
+9.9%
+0.0%
0.0%
:weaponPage === 3 ?
diff --git a/src/icons/status/blind.png b/src/icons/status/blind.png
new file mode 100644
index 0000000..1e0beb0
Binary files /dev/null and b/src/icons/status/blind.png differ
diff --git a/src/icons/status/burn.png b/src/icons/status/burn.png
new file mode 100644
index 0000000..6e7402c
Binary files /dev/null and b/src/icons/status/burn.png differ
diff --git a/src/icons/status/freeze.png b/src/icons/status/freeze.png
new file mode 100644
index 0000000..e272e23
Binary files /dev/null and b/src/icons/status/freeze.png differ
diff --git a/src/icons/status/panic.png b/src/icons/status/panic.png
new file mode 100644
index 0000000..951ff70
Binary files /dev/null and b/src/icons/status/panic.png differ
diff --git a/src/icons/status/poison.png b/src/icons/status/poison.png
new file mode 100644
index 0000000..ba5d01a
Binary files /dev/null and b/src/icons/status/poison.png differ
diff --git a/src/icons/status/shock.png b/src/icons/status/shock.png
new file mode 100644
index 0000000..86ae31e
Binary files /dev/null and b/src/icons/status/shock.png differ
diff --git a/src/icons/status/stun.png b/src/icons/status/stun.png
new file mode 100644
index 0000000..daad187
Binary files /dev/null and b/src/icons/status/stun.png differ
diff --git a/src/style.css b/src/style.css
index 9ba47b5..166bf1e 100644
--- a/src/style.css
+++ b/src/style.css
@@ -323,9 +323,8 @@ header a {
font-size: 18px;
text-align: left;
}
-.equipEnhancement:hover {
- background: linear-gradient(45deg,rgba(76,113,126,0.66),rgba(113,169,189,00.66));
- outline: 2px solid hsl(180, 78%, 50%);
+.equipEnhancement .editOverlay {
+ text-align: left;
}
.saveControls {
margin-top: 10px;
@@ -418,15 +417,25 @@ header a {
"enhance1 enhance2 enhance2 enhance2"
"variance1 variance2 variance2 variance2"
"weaponup mel rng tec"
- "ailment ailment1 ailment2 ailment3"
+ "ailment1 ailment2 ailment3 ailment4"
"class1 class2 class2 class2"
- "mw1 mw2 mw2 mw2"
+ "mw1 mw2 mw2 mw2";
+ margin: 10px;
}
.statsDetails > div:nth-child(-n+6){
color: #97e2fc;
+ padding-right: 20px;
}
.statsDetails > div {
border-bottom: 1px solid rgba(128,128,128,0.5);
+ margin-top: 5px;
+}
+.statsDetails div > span {
+ margin-top: 5px;
+ display: inline-block;
+}
+.statsDetails div > span:first-child {
+ margin-top: 0;
}
.augmentDetails {
display: grid;
@@ -713,6 +722,41 @@ header a {
margin-right: 5px;
vertical-align: middle;
}
+.burn:before {
+ content: url("./icons/status/burn.png");
+ margin-right: 5px;
+ vertical-align: middle;
+}
+.freeze:before {
+ content: url("./icons/status/freeze.png");
+ margin-right: 5px;
+ vertical-align: middle;
+}
+.blind:before {
+ content: url("./icons/status/blind.png");
+ margin-right: 5px;
+ vertical-align: middle;
+}
+.panic:before {
+ content: url("./icons/status/panic.png");
+ margin-right: 5px;
+ vertical-align: middle;
+}
+.shock:before {
+ content: url("./icons/status/shock.png");
+ margin-right: 5px;
+ vertical-align: middle;
+}
+.poison:before {
+ content: url("./icons/status/poison.png");
+ margin-right: 5px;
+ vertical-align: middle;
+}
+.stun:before {
+ content: url("./icons/status/stun.png");
+ margin-right: 5px;
+ vertical-align: middle;
+}
.clear {
clear: both;
}
@@ -1553,8 +1597,6 @@ p.adminNav hr {
top:16px;
}
.equipWindow {
- display: flex;
- flex-direction: column;
min-height: 440px;
}
.itemDetailsGridTop {
@@ -1570,8 +1612,8 @@ p.adminNav hr {
"ability fixa"
"augment augment";
grid-template-columns: repeat(2,minmax(0,1fr));
- margin: 10px;
- flex: 1;
+ margin: 5px 10px 0 10px;
+ padding-top: 5px;
}
.itemDetailsIcon {
grid-area: icon;
@@ -1630,13 +1672,13 @@ p.adminNav hr {
.itemDetailsAugment {
margin: 15px 0 0 0;
grid-area: augment;
+ min-height: 145px;
}
.itemDetailsAugmentWrapper {
margin: 10px 0 0 0;
display: grid;
grid-template-columns: repeat(auto-fit,minmax(125px, 1fr));
gap: 10px 30px;
- flex: 1;
}
.itemDetailsAugmentWrapper > div {
background-color:rgba(0,0,0,0.33);