Browse Source

refactor: Card styling after removing bulma

Owen Diffey 3 years ago
parent
commit
4e5c6f6b39
2 changed files with 17 additions and 4 deletions
  1. 17 2
      frontend/src/App.vue
  2. 0 2
      frontend/src/pages/Home.vue

+ 17 - 2
frontend/src/App.vue

@@ -505,8 +505,23 @@ body {
 }
 
 .card {
-	background-color: white;
-	/*padding: 20px;*/
+	position: relative;
+	background-color: var(--white);
+	color: var(--dark-grey);
+
+	.card-image,
+	.card-image .image,
+	.card-header {
+		display: flex;
+		position: relative;
+	}
+	.card-image .image {
+		padding-top: 100%;
+	}
+
+	.card-content {
+		padding: 20px;
+	}
 }
 
 ul {

+ 0 - 2
frontend/src/pages/Home.vue

@@ -1140,8 +1140,6 @@ html {
 	}
 
 	&.createStation {
-		height: auto;
-
 		.card-image {
 			.image.is-square {
 				width: 120px;