ArmoredDragon
/
Resonite-Inventory-Viewer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added hover effects. 

Added disclaimer.
master
Armored Dragon 2023-11-16 16:09:52 -06:00
parent 72e21686e8
commit a1b5791543
3 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.css
View File

@ -145,6 +145,7 @@ body {
background-color: #2b2f35; background-color: #2b2f35;
padding: 5px; padding: 5px;
margin-bottom: 20px; margin-bottom: 20px;
cursor: pointer;
} }
.page .file-list .item-list .entry .thumbnail { .page .file-list .item-list .entry .thumbnail {
width: 200px; width: 200px;
@ -175,6 +176,9 @@ body {
color: white; color: white;
margin-left: auto; margin-left: auto;
} }
.page .file-list .item-list .entry:hover {
scale: 1.05;
}
dialog { dialog {
background-color: #2b2f35; background-color: #2b2f35;

1
index.html
View File

@ -56,6 +56,7 @@
<div id="file-selection-modal" class="import-notice rounded-corners"> <div id="file-selection-modal" class="import-notice rounded-corners">
<h1>Select your inventory .JSON file</h1> <h1>Select your inventory .JSON file</h1>
<input id="file-import" class="rounded-corners" type="file" /> <input id="file-import" class="rounded-corners" type="file" />
<sub>Disclaimer: All values are estimates.</sub>
<sub>Inventory browser created by <a href="https://armoreddragon.com">Armored Dragon</a></sub> <sub>Inventory browser created by <a href="https://armoreddragon.com">Armored Dragon</a></sub>
</div> </div>

5
index.scss
View File

@ -173,6 +173,7 @@ body {
background-color: $n-secondary; background-color: $n-secondary;
padding: 5px; padding: 5px;
margin-bottom: 20px; margin-bottom: 20px;
cursor: pointer;
.thumbnail { .thumbnail {
width: 200px; width: 200px;
@ -209,6 +210,10 @@ body {
} }
} }
} }
.entry:hover {
scale: 1.05;
}
} }
} }
} }