[e-mobility-charging-stations-simulator.git] / src / ui / web / src / components / buttons / FlatButton.vue

<template>
  <Button class="flat">
    <slot></slot>
  </Button>
</template>

<script setup lang="ts">
import Button from '@/components/buttons/Button.vue';
</script>

<style>
.flat {
  border: none;
  /* cursor: pointer; */
  /* background-color: rgb(25, 118, 210);
  color: white; */
  /* padding: 6px 14px;
  font-size: 35px; */
  /* font-weight: bold;
  border-radius: 5px; */
}

/* .button:hover {
  background-color: rgb(10, 113, 195);
}

.button:active {
  background-color: rgb(255, 113, 195);
} */
</style>
Commit	Line	Data
32de5a57 LM	1	<template>
	2	<Button class="flat">
	3	<slot></slot>
	4	</Button>
	5	</template>
	6
	7	<script setup lang="ts">
	8	import Button from '@/components/buttons/Button.vue';
	9	</script>
	10
	11	<style>
	12	.flat {
	13	border: none;
	14	/* cursor: pointer; */
	15	/* background-color: rgb(25, 118, 210);
	16	color: white; */
	17	/* padding: 6px 14px;
	18	font-size: 35px; */
	19	/* font-weight: bold;
	20	border-radius: 5px; */
	21	}
	22
	23	/* .button:hover {
	24	background-color: rgb(10, 113, 195);
	25	}
	26
	27	.button:active {
	28	background-color: rgb(255, 113, 195);
	29	} */
	30	</style>