소스 검색

refactor: Card styling after removing bulma

Owen Diffey 3 년 전
부모
커밋
4e5c6f6b39
2개의 변경된 파일17개의 추가작업 그리고 4개의 파일을 삭제
  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;