Color fix

This commit is contained in:
Joe 2020-05-28 09:23:36 +01:00
parent f8836b9876
commit fc73bb2341
4 changed files with 7 additions and 9 deletions

View File

@ -19,20 +19,20 @@
<style> <style>
.flatbutton { .flatbutton {
cursor: pointer; cursor: pointer;
padding: 8px 4px; padding: 8px 2px;
text-align: center; text-align: center;
background: #ffffff; background: #ffffff;
color: var(--ink-light); color: var(--ink-light);
border-radius: 5px; border-radius: 5px;
font-family: Roboto; font-family: Roboto;
font-size: 13px; font-size: 14px;
font-weight: 500; font-weight: 400;
transition: background 0.5s, color 0.5s ease; transition: all 0.3s;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
} }
.selected { .selected {
background: #808192; background: var(--ink-light);
color: #ffffff; color: #ffffff;
} }
</style> </style>

View File

@ -1,6 +1,5 @@
<script> <script>
import { onMount } from "svelte" import { onMount } from "svelte"
import FlatButton from "./FlatButton.svelte" import FlatButton from "./FlatButton.svelte"
export let buttonProps = [] export let buttonProps = []
export let isMultiSelect = false export let isMultiSelect = false

View File

@ -148,8 +148,7 @@ export const typography = [
{ {
label: "Color", label: "Color",
key: "color", key: "color",
control: OptionSelect, control: Input,
options: ["black", "white", "red", "blue", "green"],
}, },
{ {
label: "align", label: "align",

View File

@ -295,7 +295,7 @@ export default {
description: description:
"This component is a placeholder for the rendering of a screen within a page.", "This component is a placeholder for the rendering of a screen within a page.",
icon: "ri-crop-2-fill", icon: "ri-crop-2-fill",
commonProps: {}, commonProps: { design: { ...all } },
children: [], children: [],
}, },
{ {