src/ui/web/src/components/buttons/FlatButton.vue

   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>