Browse Source

Fixes for confirm styling and mobile modal overflow

Owen Diffey 3 years ago
parent
commit
ea4fb9812f
2 changed files with 2 additions and 7 deletions
  1. 2 1
      frontend/src/App.vue
  2. 0 6
      frontend/src/components/Modal.vue

+ 2 - 1
frontend/src/App.vue

@@ -532,6 +532,7 @@ a {
 
 .tippy-box[data-theme~="confirm"] {
 	background-color: var(--red);
+	border: 0;
 
 	.tippy-content {
 		padding: 0;
@@ -539,7 +540,7 @@ a {
 
 	a {
 		padding: 15px;
-		line-height: 25px;
+		line-height: 30px;
 		color: var(--white);
 		border-bottom: 0;
 		font-size: 15px;

+ 0 - 6
frontend/src/components/Modal.vue

@@ -107,12 +107,6 @@ p {
 
 @media screen and (max-width: 600px) {
 	.modal-card {
-		max-height: none;
-
-		.modal-card-body {
-			// padding: 0;
-		}
-
 		.modal-card-head,
 		.modal-card-foot {
 			border-radius: 0;