Skip to content

Commit 3ac577a

Browse files
author
Maya Shavin
committed
fix design
1 parent 53a58f2 commit 3ac577a

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

72 files changed

+23549
-4291
lines changed

‎.eslintrc.js

+29
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
module.exports = {
2+
root: true,
3+
env: {
4+
node: true,
5+
},
6+
extends: [
7+
"plugin:vue/essential",
8+
"plugin:prettier/recommended",
9+
"@vue/prettier",
10+
],
11+
rules: {
12+
"no-console": process.env.NODE_ENV === "production" ? "error" : "off",
13+
"no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
14+
},
15+
parserOptions: {
16+
parser: "babel-eslint",
17+
},
18+
overrides: [
19+
{
20+
files: [
21+
"**/__tests__/*.{j,t}s?(x)",
22+
"**/tests/unit/**/*.spec.{j,t}s?(x)",
23+
],
24+
env: {
25+
jest: true,
26+
},
27+
},
28+
],
29+
};

‎.storybook/main.js

+24
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
module.exports = {
2+
stories: ["../stories/**/*.stories.js"],
3+
addons: ["@storybook/addon-actions", "@storybook/addon-links"],
4+
webpackFinal: (config) => {
5+
config.module.rules.push({
6+
test: /\.css$/,
7+
use: [
8+
{
9+
loader: "postcss-loader",
10+
options: {
11+
ident: "postcss",
12+
plugins: [
13+
require("postcss-import"),
14+
require("tailwindcss")("tailwind.config.js"),
15+
require("autoprefixer"),
16+
],
17+
},
18+
},
19+
],
20+
});
21+
22+
return config;
23+
},
24+
};

‎.storybook/manager.js

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import { addons } from "@storybook/addons";
2+
import { create } from "@storybook/theming/create";
3+
4+
const theme = create({
5+
base: "light",
6+
brandTitle: "CloudyBADGE",
7+
});
8+
9+
addons.setConfig({
10+
theme,
11+
});

‎.storybook/preview.js

Whitespace-only changes.

‎.storybook/utils.css

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
@import "tailwindcss/base";
2+
3+
@import "tailwindcss/components";
4+
5+
@import "tailwindcss/utilities";

‎assets/colorizes.json

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
{
2+
"yellow": "#ecc94b",
3+
"orange": "#ed8936",
4+
"red": "#f56565",
5+
"pink": "#ed64a6",
6+
"purple": "#9f7aea",
7+
"indigo": "#667eea",
8+
"blue": "#4299e1",
9+
"green": "#48bb78"
10+
}

‎assets/css/tailwind.css

+1-58
Original file line numberDiff line numberDiff line change
@@ -1,62 +1,5 @@
1-
/**
2-
* This injects Tailwind's base styles, which is a combination of
3-
* Normalize.css and some additional base styles.
4-
*
5-
* You can see the styles here:
6-
* https://github.com/tailwindcss/tailwindcss/blob/master/css/preflight.css
7-
*
8-
* If using `postcss-import`, use this import instead:
9-
*
10-
* @import "tailwindcss/preflight";
11-
*/
12-
@tailwind preflight;
1+
@tailwind base;
132

14-
/**
15-
* This injects any component classes registered by plugins.
16-
*
17-
* If using `postcss-import`, use this import instead:
18-
*
19-
* @import "tailwindcss/components";
20-
*/
213
@tailwind components;
224

23-
/**
24-
* Here you would add any of your custom component classes; stuff that you'd
25-
* want loaded *before* the utilities so that the utilities could still
26-
* override them.
27-
*
28-
* Example:
29-
*
30-
* .btn { ... }
31-
* .form-input { ... }
32-
*
33-
* Or if using a preprocessor or `postcss-import`:
34-
*
35-
* @import "components/buttons";
36-
* @import "components/forms";
37-
*/
38-
39-
/**
40-
* This injects all of Tailwind's utility classes, generated based on your
41-
* config file.
42-
*
43-
* If using `postcss-import`, use this import instead:
44-
*
45-
* @import "tailwindcss/utilities";
46-
*/
475
@tailwind utilities;
48-
49-
/**
50-
* Here you would add any custom utilities you need that don't come out of the
51-
* box with Tailwind.
52-
*
53-
* Example :
54-
*
55-
* .bg-pattern-graph-paper { ... }
56-
* .skew-45 { ... }
57-
*
58-
* Or if using a preprocessor or `postcss-import`:
59-
*
60-
* @import "utilities/background-patterns";
61-
* @import "utilities/skew-transforms";
62-
*/

‎assets/icons.js

+176
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,176 @@
1+
export const settings = {
2+
viewBox: "0 0 70 70",
3+
path: [
4+
"M35.3,8.2c1.9,0,3.6,1.3,4.1,3.1l0.3,1.1l-0.3,1.1c-0.5,1.8-2.2,3.1-4.1,3.1c-1.9,0-3.6-1.3-4.1-3.1l-0.3-1.1l0.3-1.1C31.7,9.5,33.4,8.2,35.3,8.2 M35.3,5c-3.4,0-6.3,2.3-7.1,5.5H7.1c-1.1,0-2,0.9-2,2s0.9,2,2,2h21.1c0.9,3.2,3.7,5.5,7.1,5.5s6.3-2.3,7.1-5.5h20.3c1.1,0,2-0.9,2-2s-0.9-2-2-2H42.4C41.6,7.3,38.7,5,35.3,5L35.3,5z",
5+
"M57.6,30.7c2.3,0,4.2,1.9,4.2,4.3s-1.9,4.3-4.2,4.3c-1.9,0-3.6-1.3-4.1-3.1L53.2,35l0.3-1.1C54,32,55.7,30.7,57.6,30.7 M57.6,27.6c-3.4,0-6.3,2.3-7.1,5.5H7.1c-1.1,0-2,0.9-2,2s0.9,2,2,2h43.4c0.9,3.2,3.7,5.5,7.1,5.5c4.1,0,7.4-3.3,7.4-7.4S61.7,27.6,57.6,27.6L57.6,27.6z",
6+
"M12.4,53.3c1.9,0,3.6,1.3,4.1,3.1l0.3,1.1l-0.3,1.1c-0.5,1.8-2.2,3.1-4.1,3.1c-2.3,0-4.2-1.9-4.2-4.3S10.1,53.3,12.4,53.3 M12.4,50.1c-4.1,0-7.4,3.3-7.4,7.4c0,4.1,3.3,7.4,7.4,7.4c3.4,0,6.3-2.3,7.1-5.5h43.2c1.1,0,2-0.9,2-2v0c0-1.1-0.9-2-2-2H19.5C18.7,52.4,15.8,50.1,12.4,50.1L12.4,50.1z",
7+
],
8+
};
9+
10+
export const favorited = {
11+
viewBox: "0 0 70 70",
12+
path:
13+
"M57,37.6c-1.9,2.9-4.3,5.5-6.7,8c-1.3,1.3-15.8,16.2-16,16c-6.7-6.6-13.7-13-19.8-20.1C8.9,35.1,5.9,26,9.3,17.7c2.3-5.7,8.2-9.2,14.3-7.4c4.9,1.5,8.5,5.7,10.9,10.1c-0.4-0.8,2.9-4.6,3.4-5.3c1.2-1.4,2.5-2.6,4.1-3.6c2.6-1.6,5.6-2.3,8.6-1.8c6.5,1.1,10.2,7.4,10.6,13.6C61.5,28.7,59.8,33.4,57,37.6z",
14+
};
15+
16+
export const heart = {
17+
viewBox: "0 0 70 70",
18+
path:
19+
"M34.3,63.1c-0.4,0-0.8-0.2-1.1-0.4c-1.6-1.6-3.2-3.1-4.8-4.7c-5.1-4.9-10.4-10-15.1-15.5c-6.6-7.6-8.7-17.3-5.5-25.3c2.7-6.7,9.5-10.2,16.1-8.3c4.7,1.4,8.1,5,10.3,8.4c0.5-0.7,1.1-1.4,1.8-2.4c0.2-0.3,0.4-0.5,0.5-0.7c0,0,0.1-0.1,0.1-0.1c1.4-1.6,2.8-2.9,4.4-3.9c3-1.9,6.4-2.6,9.6-2c7.6,1.3,11.4,8.7,11.9,15c0.3,5.3-1.2,10.3-4.4,15.2c-2,3.1-4.6,5.9-6.9,8.2c-0.3,0.3-1.1,1.1-2.2,2.2C35.2,63.1,35.2,63.1,34.3,63.1C34.3,63.1,34.3,63.1,34.3,63.1z M35.3,60.5C35.3,60.5,35.3,60.5,35.3,60.5C35.3,60.5,35.3,60.5,35.3,60.5z M20.4,11.3c-4.1,0-7.9,2.6-9.7,6.9c-3.4,8.3,0.3,17,4.9,22.3c4.6,5.4,9.8,10.4,14.9,15.3c1.3,1.2,2.6,2.5,3.8,3.7c2.6-2.5,9.7-9.8,12.7-12.8c1.1-1.1,1.9-2,2.2-2.2c2.3-2.3,4.6-4.9,6.5-7.8c0,0,0,0,0,0c2.9-4.4,4.2-8.8,4-13.4c-0.3-5.2-3.4-11.2-9.4-12.2c-2.6-0.4-5.2,0.1-7.6,1.6c-1.3,0.8-2.5,1.9-3.7,3.3c-0.1,0.2-0.3,0.4-0.6,0.7c-1.4,1.8-2.3,3-2.5,3.5c0.1,0.6-0.2,1.2-0.8,1.5c-0.7,0.4-1.6,0.1-2-0.6c-1.9-3.5-5.2-7.9-10-9.4C22.2,11.5,21.3,11.3,20.4,11.3z",
20+
};
21+
22+
export const done = {
23+
viewBox: "0 0 24 24",
24+
path: "M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z",
25+
};
26+
27+
export const error = {
28+
viewBox: "0 0 24 24",
29+
path:
30+
"M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z",
31+
};
32+
33+
export const upload = {
34+
viewBox: "0 0 24 24",
35+
path:
36+
"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z",
37+
};
38+
39+
export const clear = {
40+
viewBox: "0 0 24 24",
41+
path:
42+
"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z",
43+
};
44+
45+
export const back = {
46+
viewBox: "0 0 24 24",
47+
path: "M11.67 3.87L9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z",
48+
};
49+
50+
export const share = {
51+
viewBox: "0 0 24 24",
52+
path:
53+
"M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z",
54+
};
55+
56+
export const copy = {
57+
viewBox: "0 0 24 24",
58+
path:
59+
"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z",
60+
};
61+
62+
export const adjust = {
63+
viewBox: "0 0 24 24",
64+
path:
65+
"M3 5v4h2V5h4V3H5c-1.1 0-2 .9-2 2zm2 10H3v4c0 1.1.9 2 2 2h4v-2H5v-4zm14 4h-4v2h4c1.1 0 2-.9 2-2v-4h-2v4zm0-16h-4v2h4v4h2V5c0-1.1-.9-2-2-2z",
66+
};
67+
68+
export const crop = {
69+
viewBox: "0 0 512 512",
70+
path:
71+
"M496 352h-80V141.25l91.31-91.31c6.25-6.25 6.25-16.38 0-22.63L484.69 4.69c-6.25-6.25-16.38-6.25-22.63 0L370.75 96H192v64h114.75L160 306.75V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v80H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h80v224c0 17.67 14.33 32 32 32h192v-64H205.25L352 205.25V496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16v-80h80c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z",
72+
};
73+
74+
export const rotate_90 = {
75+
viewBox: "0 0 24 24",
76+
path:
77+
"M7.34 6.41L.86 12.9l6.49 6.48 6.49-6.48-6.5-6.49zM3.69 12.9l3.66-3.66L11 12.9l-3.66 3.66-3.65-3.66zm15.67-6.26C17.61 4.88 15.3 4 13 4V.76L8.76 5 13 9.24V6c1.79 0 3.58.68 4.95 2.05 2.73 2.73 2.73 7.17 0 9.9C16.58 19.32 14.79 20 13 20c-.97 0-1.94-.21-2.84-.61l-1.49 1.49C10.02 21.62 11.51 22 13 22c2.3 0 4.61-.88 6.36-2.64 3.52-3.51 3.52-9.21 0-12.72z",
78+
};
79+
80+
export const rotate_right = {
81+
viewBox: "0 0 24 24",
82+
path:
83+
"M15.55 5.55L11 1v3.07C7.06 4.56 4 7.92 4 12s3.05 7.44 7 7.93v-2.02c-2.84-.48-5-2.94-5-5.91s2.16-5.43 5-5.91V10l4.55-4.45zM19.93 11c-.17-1.39-.72-2.73-1.62-3.89l-1.42 1.42c.54.75.88 1.6 1.02 2.47h2.02zM13 17.9v2.02c1.39-.17 2.74-.71 3.9-1.61l-1.44-1.44c-.75.54-1.59.89-2.46 1.03zm3.89-2.42l1.42 1.41c.9-1.16 1.45-2.5 1.62-3.89h-2.02c-.14.87-.48 1.72-1.02 2.48z",
84+
};
85+
86+
export const rotate_left = {
87+
viewBox: "0 0 24 24",
88+
path:
89+
"M7.11 8.53L5.7 7.11C4.8 8.27 4.24 9.61 4.07 11h2.02c.14-.87.49-1.72 1.02-2.47zM6.09 13H4.07c.17 1.39.72 2.73 1.62 3.89l1.41-1.42c-.52-.75-.87-1.59-1.01-2.47zm1.01 5.32c1.16.9 2.51 1.44 3.9 1.61V17.9c-.87-.15-1.71-.49-2.46-1.03L7.1 18.32zM13 4.07V1L8.45 5.55 13 10V6.09c2.84.48 5 2.94 5 5.91s-2.16 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93s-3.05-7.44-7-7.93z",
90+
};
91+
92+
export const brightness = {
93+
viewBox: "0 0 24 24",
94+
path:
95+
"M20 15.31L23.31 12 20 8.69V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69zM12 18c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6z",
96+
};
97+
98+
export const exposure = {
99+
viewBox: "0 0 24 24",
100+
path:
101+
"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM6 7h5v1.5H6V7zm13 12H5L19 5v14zm-4.5-3v2H16v-2h2v-1.5h-2v-2h-1.5v2h-2V16z",
102+
};
103+
104+
export const sun = {
105+
viewBox: "0 0 24 24",
106+
path:
107+
"M6.76 4.84l-1.8-1.79-1.41 1.41 1.79 1.79 1.42-1.41zM4 10.5H1v2h3v-2zm9-9.95h-2V3.5h2V.55zm7.45 3.91l-1.41-1.41-1.79 1.79 1.41 1.41 1.79-1.79zm-3.21 13.7l1.79 1.8 1.41-1.41-1.8-1.79-1.4 1.4zM20 10.5v2h3v-2h-3zm-8-5c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm-1 16.95h2V19.5h-2v2.95zm-7.45-3.91l1.41 1.41 1.79-1.8-1.41-1.41-1.79 1.8z",
108+
};
109+
110+
export const constrast = {
111+
viewBox: "0 0 512 512",
112+
path:
113+
"M8 256c0 136.966 111.033 248 248 248s248-111.034 248-248S392.966 8 256 8 8 119.033 8 256zm248 184V72c101.705 0 184 82.311 184 184 0 101.705-82.311 184-184 184z",
114+
};
115+
116+
export const thermometer = {
117+
viewBox: "0 0 256 512",
118+
path:
119+
"M192 384c0 35.346-28.654 64-64 64s-64-28.654-64-64c0-23.685 12.876-44.349 32-55.417V224c0-17.673 14.327-32 32-32s32 14.327 32 32v104.583c19.124 11.068 32 31.732 32 55.417zm32-84.653c19.912 22.563 32 52.194 32 84.653 0 70.696-57.303 128-128 128-.299 0-.609-.001-.909-.003C56.789 511.509-.357 453.636.002 383.333.166 351.135 12.225 321.755 32 299.347V96c0-53.019 42.981-96 96-96s96 42.981 96 96v203.347zM208 384c0-34.339-19.37-52.19-32-66.502V96c0-26.467-21.533-48-48-48S80 69.533 80 96v221.498c-12.732 14.428-31.825 32.1-31.999 66.08-.224 43.876 35.563 80.116 79.423 80.42L128 464c44.112 0 80-35.888 80-80z",
120+
};
121+
122+
export const magic_wand = {
123+
viewBox: "0 0 512 512",
124+
path:
125+
"M224 96l16-32 32-16-32-16-16-32-16 32-32 16 32 16 16 32zM80 160l26.66-53.33L160 80l-53.34-26.67L80 0 53.34 53.33 0 80l53.34 26.67L80 160zm352 128l-26.66 53.33L352 368l53.34 26.67L432 448l26.66-53.33L512 368l-53.34-26.67L432 288zm70.62-193.77L417.77 9.38C411.53 3.12 403.34 0 395.15 0c-8.19 0-16.38 3.12-22.63 9.38L9.38 372.52c-12.5 12.5-12.5 32.76 0 45.25l84.85 84.85c6.25 6.25 14.44 9.37 22.62 9.37 8.19 0 16.38-3.12 22.63-9.37l363.14-363.15c12.5-12.48 12.5-32.75 0-45.24zM359.45 203.46l-50.91-50.91 86.6-86.6 50.91 50.91-86.6 86.6z",
126+
};
127+
128+
export const highlight = {
129+
viewBox: "0 0 24 24",
130+
path:
131+
"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.94-.49-7-3.85-7-7.93s3.05-7.44 7-7.93v15.86zm2-15.86c1.03.13 2 .45 2.87.93H13v-.93zM13 7h5.24c.25.31.48.65.68 1H13V7zm0 3h6.74c.08.33.15.66.19 1H13v-1zm0 9.93V19h2.87c-.87.48-1.84.8-2.87.93zM18.24 17H13v-1h5.92c-.2.35-.43.69-.68 1zm1.5-3H13v-1h6.93c-.04.34-.11.67-.19 1z",
132+
};
133+
134+
export const palette = {
135+
viewBox: "0 0 24 24",
136+
path:
137+
"M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z",
138+
};
139+
140+
export const crop_solid = {
141+
viewBox: "0 0 512 512",
142+
path:
143+
"M488 352h-40V109.25l59.31-59.31c6.25-6.25 6.25-16.38 0-22.63L484.69 4.69c-6.25-6.25-16.38-6.25-22.63 0L402.75 64H192v96h114.75L160 306.75V24c0-13.26-10.75-24-24-24H88C74.75 0 64 10.74 64 24v40H24C10.75 64 0 74.74 0 88v48c0 13.25 10.75 24 24 24h40v264c0 13.25 10.75 24 24 24h232v-96H205.25L352 205.25V488c0 13.25 10.75 24 24 24h48c13.25 0 24-10.75 24-24v-40h40c13.25 0 24-10.75 24-24v-48c0-13.26-10.75-24-24-24z",
144+
};
145+
146+
export const block = {
147+
viewBox: "0 0 24 24",
148+
path:
149+
"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8z",
150+
};
151+
152+
export const person = {
153+
viewBox: "0 0 24 24",
154+
path:
155+
"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z",
156+
};
157+
export const add_circle = {
158+
viewBox: "0 0 24 24",
159+
path:
160+
"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z",
161+
};
162+
export const event_active = {
163+
viewBox: "0 0 24 24",
164+
path:
165+
"M16.53 11.06L15.47 10l-4.88 4.88-2.12-2.12-1.06 1.06L10.59 17l5.94-5.94zM19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11z",
166+
};
167+
export const event_inactive = {
168+
viewBox: "0 0 24 24",
169+
path:
170+
"M9.31 17l2.44-2.44L14.19 17l1.06-1.06-2.44-2.44 2.44-2.44L14.19 10l-2.44 2.44L9.31 10l-1.06 1.06 2.44 2.44-2.44 2.44L9.31 17zM19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11z",
171+
};
172+
export const add_photo = {
173+
viewBox: "0 0 24 24",
174+
path:
175+
"M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99 0-2h3V2h2v3h3v2h-3zm-3 4V8h-3V5H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8h-3zM5 19l3-4 2 3 3-4 4 5H5z",
176+
};

‎assets/presets.json

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
[
2+
{
3+
"name": "orginal",
4+
"crop": "fill"
5+
},
6+
{
7+
"name": "hokusai",
8+
"crop": "fill",
9+
"dpr": "auto",
10+
"effect": "art:hokusai"
11+
},
12+
{
13+
"name": "posterized",
14+
"crop": "fill",
15+
"dpr": "auto",
16+
"effect": "vectorize:2:0.8"
17+
},
18+
{
19+
"name": "duotone",
20+
"crop": "fill",
21+
"dpr": "auto",
22+
"effect": "tint:100:6736dd:0p:00ffe3:100p",
23+
"quality": "auto",
24+
"focus": "auto"
25+
},
26+
{
27+
"name": "enhanced",
28+
"crop": "fill",
29+
"dpr": "auto",
30+
"effect": "improve"
31+
},
32+
{
33+
"name": "retro",
34+
"crop": "fill",
35+
"dpr": "auto",
36+
"effect": "saturation:300"
37+
}
38+
]

‎components/Back.vue

-19
This file was deleted.

0 commit comments

Comments
 (0)