chris/main_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

icons fix MTG

Browse Source
This commit is contained in:
chris 2024-03-16 13:40:45 -04:00
parent 8906687990
commit fe0f1e3382
2 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
MTG/index.html
View File

@ -18,22 +18,22 @@
<div id="navContainer"></div> <div id="navContainer"></div>
<div class="buttons1" id="buttonWrapper"> <div class="buttons1" id="buttonWrapper">
<span class="icon" onclick="removePlayer()"> <span class="icons" onclick="removePlayer()">
<i class="fa-solid fa-circle-minus"></i> <i class="fa-solid fa-circle-minus"></i>
</span> </span>
<span class="icon" onclick="reset()"> <span class="icons" onclick="reset()">
<i class="fa-solid fa-rotate-left"></i> <i class="fa-solid fa-rotate-left"></i>
</span> </span>
<span class="icon" onclick="addPlayer()"> <span class="icons" onclick="addPlayer()">
<i class="fa-solid fa-circle-plus"></i> <i class="fa-solid fa-circle-plus"></i>
</span> </span>
<span class="icon" onclick="commander()"> <span class="icons" onclick="commander()">
<i class="fa-solid fa-crown"></i> <i class="fa-solid fa-crown"></i>
</span> </span>
<!-- <span class="icon" onclick="flip()"> <!-- <span class="icons" onclick="flip()">
<i class="fa-solid fa-wand-sparkles"></i> <i class="fa-solid fa-wand-sparkles"></i>
</span> --> </span> -->
<span class="icon" onclick="fullscreen()"> <span class="icons" onclick="fullscreen()">
<i class="fa-solid fa-expand"></i> <i class="fa-solid fa-expand"></i>
</span> </span>
<span class="dice"> <span class="dice">

8
MTG/style.css
View File

@ -142,13 +142,13 @@ main {
.icon { .icons {
position: relative; position: relative;
/* background-color: #04AA6D; */ /* background-color: #04AA6D; */
border: none; border: none;
padding: 20px; padding: 20px;
width: 200px; width: ;
text-align: center; text-align: center;
-webkit-transition-duration: 0.4s; /* Safari */ -webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s; transition-duration: 0.4s;
@ -158,7 +158,7 @@ main {
border-radius: 50%; border-radius: 50%;
} }
.icon:after { .icons:after {
content: ""; content: "";
background: #697069; background: #697069;
display: block; display: block;
@ -172,7 +172,7 @@ main {
border-radius: 25% border-radius: 25%
} }
.icon:active:after { .icons:active:after {
padding: 0; padding: 0;
margin: 0; margin: 0;
opacity: 1; opacity: 1;