Selaa lähdekoodia

Add style for hover and active buttons.

Lee Morgan 11 kuukautta sitten
vanhempi
sitoutus
cf2de0e1a8
1 muutettua tiedostoa jossa 19 lisäystä ja 0 poistoa
  1. 19 0
      src/views/css/index.css

+ 19 - 0
src/views/css/index.css

@@ -67,6 +67,7 @@ body{
 
 .standardForm input,
 .standardForm select{
+    background: white;
     outline: none;
     font-size: 22px;
     padding: 5px 0 5px 10px;
@@ -90,6 +91,16 @@ body{
     cursor: pointer;
 }
 
+.standardForm button:hover,
+.button:hover{
+    filter: brightness(1.25);
+}
+
+.standardForm button:active,
+.button:active{
+    filter: brightness(1.75);
+}
+
 .standardForm button.cancel,
 .button.cancel{
     background: var(--error);
@@ -110,6 +121,14 @@ body{
     cursor: pointer;
 }
 
+.circleButton:hover{
+    filter: brightness(1.25);
+}
+
+.circleButton:active{
+    filter: brightness(1.75);
+}
+
 .circleButton svg{
     height: 35px;
     width: 35px;