KBlueLeaf commited on
Commit
4cf3db2
1 Parent(s): 3c33378

Update README.md

Browse files
Files changed (1) hide show
  1. README.md +3 -3
README.md CHANGED
@@ -19,9 +19,9 @@ join us: https://discord.gg/tPBsKDyRR5
19
  <style>
20
  .image-viewer {position: relative;width: 100%;margin: 0 auto;display: flex;flex-flow: wrap;align-items: center;justify-content: center;}
21
  .image-viewer input[type="radio"] {display: none;}
22
- .image-viewer label {border-radius: 10%;padding: 20px;background-color: #B398F5;background-size: cover;background-position: center;cursor: pointer;color: black;margin: 10px;}
23
- .image-viewer label:hover {background-color: #4C88F5;padding: 24px;margin: 6px;}
24
- .image-viewer input[type="radio"]:checked + label {background-color: #6296F5;padding: 30px;margin: 0px;}
25
  .image-container {position: relative;width: 100%;height: 50vh;margin: 1rem 1rem 0 0;}
26
  .inner-container {position: absolute;width:100%;height: 100%;display: flex;align-items: center;justify-content: center;}
27
  .inner-container img {border-radius: 10px;max-height: 100%;max-width: 100%;height: 0;width: 0;opacity: 0;transition: opacity 0.5s ease, height 0.25s ease, width 0.25s ease;}
 
19
  <style>
20
  .image-viewer {position: relative;width: 100%;margin: 0 auto;display: flex;flex-flow: wrap;align-items: center;justify-content: center;}
21
  .image-viewer input[type="radio"] {display: none;}
22
+ .image-viewer label {border-radius: 10%;padding: 20px;background-color: #B398F5;background-size: cover;background-position: center;cursor: pointer;color: black;margin: 8px;}
23
+ .image-viewer label:hover {background-color: #4C88F5;padding: 24px;margin: 4px;}
24
+ .image-viewer input[type="radio"]:checked + label {background-color: #6296F5;padding: 28px;margin: 0px;}
25
  .image-container {position: relative;width: 100%;height: 50vh;margin: 1rem 1rem 0 0;}
26
  .inner-container {position: absolute;width:100%;height: 100%;display: flex;align-items: center;justify-content: center;}
27
  .inner-container img {border-radius: 10px;max-height: 100%;max-width: 100%;height: 0;width: 0;opacity: 0;transition: opacity 0.5s ease, height 0.25s ease, width 0.25s ease;}