formatting
This commit is contained in:
parent
8f73128621
commit
13cdc81196
6 changed files with 67 additions and 50 deletions
|
@ -1 +1,10 @@
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"/></svg>
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
width="24"
|
||||||
|
height="24">
|
||||||
|
<path fill="none" d="M0 0h24v24H0z" />
|
||||||
|
<path
|
||||||
|
d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414
|
||||||
|
1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" />
|
||||||
|
</svg>
|
||||||
|
|
Before Width: | Height: | Size: 266 B After Width: | Height: | Size: 292 B |
|
@ -1 +1,6 @@
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zM11 7h2v2h-2V7zm0 4h2v6h-2v-6z"/></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||||
|
<path fill="none" d="M0 0h24v24H0z" />
|
||||||
|
<path
|
||||||
|
d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10
|
||||||
|
10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zM11 7h2v2h-2V7zm0 4h2v6h-2v-6z" />
|
||||||
|
</svg>
|
||||||
|
|
Before Width: | Height: | Size: 253 B After Width: | Height: | Size: 271 B |
|
@ -1,21 +1,17 @@
|
||||||
<script>
|
<script>
|
||||||
import Button from "components/common/Button.svelte"
|
import Button from "components/common/Button.svelte"
|
||||||
export let name, description =`A minimalist CRM which removes the noise and allows you to focus
|
export let name,
|
||||||
on your business.`, _id;
|
description = `A minimalist CRM which removes the noise and allows you to focus
|
||||||
|
on your business.`,
|
||||||
|
_id
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="apps-card">
|
<div class="apps-card">
|
||||||
<h3 class="app-title">{name}</h3>
|
<h3 class="app-title">{name}</h3>
|
||||||
<p class="app-desc">
|
<p class="app-desc">{description}</p>
|
||||||
{description}
|
|
||||||
</p>
|
|
||||||
<div class="card-footer">
|
<div class="card-footer">
|
||||||
<div class="modified-date">Last Edited - 25th May 2020</div>
|
<div class="modified-date">Last Edited - 25th May 2020</div>
|
||||||
<a href={`/_builder/${_id}`} class="app-button">
|
<a href={`/_builder/${_id}`} class="app-button">Open Web App</a>
|
||||||
Open Web App
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -1,9 +1,9 @@
|
||||||
<script>
|
<script>
|
||||||
import { fly } from 'svelte/transition';
|
import { fly } from "svelte/transition"
|
||||||
export let item
|
export let item
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="item-item" transition:fly="{{ y: 100, duration: 1000 }}" on:click>
|
<div class="item-item" transition:fly={{ y: 100, duration: 1000 }} on:click>
|
||||||
<div class="item-icon">
|
<div class="item-icon">
|
||||||
<i class={item.icon} />
|
<i class={item.icon} />
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -77,11 +77,7 @@ const spacingMeta = [
|
||||||
]
|
]
|
||||||
|
|
||||||
export const spacing = [
|
export const spacing = [
|
||||||
{ label: "Margin",
|
{ label: "Margin", key: "margin", control: InputGroup, meta: spacingMeta },
|
||||||
key: "margin",
|
|
||||||
control: InputGroup,
|
|
||||||
meta: spacingMeta
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Padding",
|
label: "Padding",
|
||||||
key: "padding",
|
key: "padding",
|
||||||
|
@ -106,11 +102,11 @@ export const position = [
|
||||||
control: OptionSelect,
|
control: OptionSelect,
|
||||||
initialValue: "Wrap",
|
initialValue: "Wrap",
|
||||||
options: [
|
options: [
|
||||||
{ label: "Static", value: "static"},
|
{ label: "Static", value: "static" },
|
||||||
{ label: "Relative", value: "relative"},
|
{ label: "Relative", value: "relative" },
|
||||||
{ label: "Fixed", value: "fixed"},
|
{ label: "Fixed", value: "fixed" },
|
||||||
{ label: "Absolute", value: "absolute"},
|
{ label: "Absolute", value: "absolute" },
|
||||||
{ label: "Sticky", value: "sticky"},
|
{ label: "Sticky", value: "sticky" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
@ -215,28 +211,39 @@ export const border = [
|
||||||
label: "Style",
|
label: "Style",
|
||||||
key: "border-style",
|
key: "border-style",
|
||||||
control: OptionSelect,
|
control: OptionSelect,
|
||||||
options: ["none", "hidden", "dotted", "dashed", "solid", "double", "groove", "ridge", "inset", "outset"],
|
options: [
|
||||||
|
"none",
|
||||||
|
"hidden",
|
||||||
|
"dotted",
|
||||||
|
"dashed",
|
||||||
|
"solid",
|
||||||
|
"double",
|
||||||
|
"groove",
|
||||||
|
"ridge",
|
||||||
|
"inset",
|
||||||
|
"outset",
|
||||||
|
],
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
|
|
||||||
export const effects = [
|
export const effects = [
|
||||||
{ label: "Opacity", key: "opacity", control: Input },
|
{ label: "Opacity", key: "opacity", control: Input },
|
||||||
{ label: "Rotate",
|
{
|
||||||
|
label: "Rotate",
|
||||||
key: "transform",
|
key: "transform",
|
||||||
control: OptionSelect,
|
control: OptionSelect,
|
||||||
options: [
|
options: [
|
||||||
{label: "None", value:"rotate(0deg)"},
|
{ label: "None", value: "rotate(0deg)" },
|
||||||
{label: "45 degrees", value:"rotate(45deg)"},
|
{ label: "45 degrees", value: "rotate(45deg)" },
|
||||||
{label: "90 degrees", value:"rotate(90deg)"},
|
{ label: "90 degrees", value: "rotate(90deg)" },
|
||||||
{label: "135 degrees", value:"rotate(135deg)"},
|
{ label: "135 degrees", value: "rotate(135deg)" },
|
||||||
{label: "180 degrees", value:"rotate(180deg)"},
|
{ label: "180 degrees", value: "rotate(180deg)" },
|
||||||
{label: "225 degrees", value:"rotate(225deg)"},
|
{ label: "225 degrees", value: "rotate(225deg)" },
|
||||||
{label: "270 degrees", value:"rotate(270deg)"},
|
{ label: "270 degrees", value: "rotate(270deg)" },
|
||||||
{label: "315 degrees", value:"rotate(315deg)"},
|
{ label: "315 degrees", value: "rotate(315deg)" },
|
||||||
{label: "360 degrees", value:"rotate(360deg)"},
|
{ label: "360 degrees", value: "rotate(360deg)" },
|
||||||
],
|
],
|
||||||
}
|
}, //needs special control
|
||||||
, //needs special control
|
|
||||||
{ label: "Shadow", key: "box-shadow", control: Input },
|
{ label: "Shadow", key: "box-shadow", control: Input },
|
||||||
]
|
]
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue