m/persona5-negotiation
1
0
Fork 0
mirror of https://github.com/joyce-chen/persona5-negotiation.git synced 2025-11-18 16:47:05 -05:00
Code Issues Packages Projects Releases Wiki Activity

Vertically center compact switches

Browse Source
This commit is contained in:
Joyce Chen
2020-08-11 02:21:03 -04:00
parent 7dcff4a52e
commit 8904ec13a2
3 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
assets/css/style.scss
View File

@@ -192,6 +192,7 @@ table {
display: inline-block; display: inline-block;
width: 60px; width: 60px;
height: 34px; height: 34px;
margin: 0;
} }
.switch input { .switch input {
opacity: 0; opacity: 0;

2
index.md
View File

@@ -9,7 +9,7 @@
</span> </span>
</div> </div>
<div style="flex: 1; text-align: center;"> <div style="flex: 1; text-align: center; margin-top: auto; margin-bottom: auto;">
<label class="switch"> <label class="switch">
<input type="checkbox" id="originalCompact" onClick="toggleOriginalCompact(false)"> <input type="checkbox" id="originalCompact" onClick="toggleOriginalCompact(false)">
<span class="slider round"> <span class="slider round">

2
royal.md
View File

@@ -9,7 +9,7 @@
</span> </span>
</div> </div>
<div style="flex: 1; text-align: center;"> <div style="flex: 1; text-align: center; margin-top: auto; margin-bottom: auto;">
<label class="switch"> <label class="switch">
<input type="checkbox" id="royalCompact" onClick="toggleRoyalCompact(false)"> <input type="checkbox" id="royalCompact" onClick="toggleRoyalCompact(false)">
<span class="slider round"> <span class="slider round">