ソースを参照

feat: Add grey button theme

Owen Diffey 1 週間 前
コミット
5200c80abb
1 ファイル変更12 行追加2 行削除
  1. 12 2
      frontend/src/pages/NewStation/Components/Button.vue

+ 12 - 2
frontend/src/pages/NewStation/Components/Button.vue

@@ -6,13 +6,16 @@ withDefaults(
 		square?: boolean;
 		inverse?: boolean;
 		danger?: boolean;
+		grey?: boolean;
 	}>(),
 	{
+		type: "button",
 		icon: null,
 		disabled: false,
 		square: false,
 		inverse: false,
-		danger: false
+		danger: false,
+		grey: false
 	}
 );
 </script>
@@ -23,7 +26,8 @@ withDefaults(
 			btn: true,
 			'btn--square': square,
 			'btn--inverse': inverse,
-			'btn--danger': danger
+			'btn--danger': danger,
+			'btn--grey': grey
 		}"
 		:disabled="disabled"
 	>
@@ -78,6 +82,12 @@ withDefaults(
 		--primary-color: var(--red);
 	}
 
+	&--grey {
+		background-color: var(--light-grey-2);
+		color: var(--primary-color);
+		border-color: var(--light-grey-1);
+	}
+
 	&__icon {
 		font-size: 18px;
 	}