Skip to content

Commit 4c3a303

Browse files
authored
Merge pull request #3 from lokesh-coder/develop
Fix blob shape overflow on change
2 parents 669b01c + b02d029 commit 4c3a303

File tree

7 files changed

+620
-100462
lines changed

7 files changed

+620
-100462
lines changed

README.md

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,20 +7,22 @@
77

88
</h3>
99

10-
<h4 align="center">Create beautiful blob shapes with minimal code. </h4>
10+
<h4 align="center">Generate beautiful blob shapes for web and flutter apps. </h4>
1111

1212
&nbsp;
1313

1414
<div class="highlight highlight-source-shell">
1515
<pre>
16-
<div align="center"><strong >Blobs App</strong></div>
16+
<div align="center"><strong >Blobs Generator</strong></div>
1717
<div align="center"><a align="center" href="https://blobs.app/">https://blobs.app/</a></div>
1818
</pre>
1919
</div>
2020

2121
### Preview
2222

23-
![frame2-iMac](https://user-images.githubusercontent.com/1754676/83411638-46b9ea80-a436-11ea-92b2-60ba4e845003.png)
23+
![preview](https://user-images.githubusercontent.com/1754676/84493278-20f9d480-acc5-11ea-8667-ee0df8f35442.png)
24+
25+
![preview2](https://user-images.githubusercontent.com/1754676/84492711-3a4e5100-acc4-11ea-942c-37f9cd802fcf.png)
2426

2527
### Blobs for flutter
2628

package.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
"main": "index.js",
66
"scripts": {
77
"build": "rm -rf build && NODE_ENV=production npm run build:css && webpack ---config ./config/webpack.prod.config.js",
8-
"dev": "npm run watch:css && webpack-dev-server --config ./config/webpack.dev.config.js --open",
8+
"dev": "npm run watch:css && webpack-dev-server --config ./config/webpack.prod.config.js --open",
99
"lint": "./node_modules/.bin/eslint --ext .js,.jsx src/",
1010
"lint: fix": "./node_modules/.bin/eslint --ext .js,.jsx src/ --fix",
1111
"build:css": "postcss src/assets/css/styles.css -o src/assets/css/main.css",
@@ -44,6 +44,7 @@
4444
"clean-webpack-plugin": "^3.0.0",
4545
"copy-webpack-plugin": "^6.0.1",
4646
"css-loader": "^3.5.2",
47+
"cssnano": "^4.1.10",
4748
"eslint": "^6.8.0",
4849
"eslint-config-airbnb": "^18.1.0",
4950
"eslint-plugin-import": "^2.20.2",

postcss.config.js

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,10 @@
11
const tailwindcss = require("tailwindcss");
22
module.exports = {
3-
plugins: [tailwindcss("./tailwind.config.js"), require("autoprefixer")],
3+
plugins: [
4+
tailwindcss("./tailwind.config.js"),
5+
require("autoprefixer"),
6+
require("cssnano")({
7+
preset: "default",
8+
}),
9+
],
410
};

src/app.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@ html body {
1313

1414
#blobSvg {
1515
max-width: 500px;
16+
overflow: visible;
1617
}
1718

1819
.stroke {

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy