WIP modal improvements as well as some fixes etc

This commit is contained in:
David Ralph
2020-10-27 15:10:40 +00:00
parent 0f279b8087
commit 8b8353297d
4 changed files with 19 additions and 7 deletions

View File

@@ -10,6 +10,7 @@
font-size: 20px;
border-radius: 24px;
background: none;
box-shadow: 0 5px 15px rgba(46, 213, 115, .4);
&:hover {
outline: none;
@@ -35,9 +36,9 @@
.reset {
@extend %settingsButton;
margin-left: 5px;
background-color: map-get($button-colours, 'reset');
border: 2px solid map-get($button-colours, 'reset');
margin-left: 5px;
&:hover {
border: 2px solid map-get($button-colours, 'reset');

View File

@@ -30,8 +30,10 @@
}
.closeModal {
float: right;
font-size: 2em;
position: absolute;
top: 1rem;
right: 2rem;
font-size: 4em;
cursor: pointer;
&:hover {
@@ -173,4 +175,9 @@
background: #34495e;
border-top-right-radius: map-get($modal, "border-radius");
border-bottom-right-radius: map-get($modal, "border-radius");
}
.tablinks svg {
top: 0.125em;
position: relative;
}