mirror_css/csslayout
1
0
Fork 0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-08 07:07:15 +02:00
Code Issues Releases Wiki Activity

Rename Dot -> Circle

Browse Source
This commit is contained in:
Phuoc Nguyen
2019-11-17 13:24:58 +07:00
parent bcaf56c518
commit 53f528b1b9
7 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/layouts/button-with-icon/Cover.jsx
View File

@@ -1,6 +1,6 @@
import React from 'react';
import Dot from '../../placeholders/Dot';
import Circle from '../../placeholders/Circle';
import Frame from '../../placeholders/Frame';
import Rectangle from '../../placeholders/Rectangle';
@@ -9,7 +9,7 @@ const Cover = () => {
<Frame>
<div className="h-100 flex flex-column items-center justify-center pa2">
<div className="w-100 h2 flex flex-row items-center ba b--black-30 br2 ph1">
<div className="mr1"><Dot /></div>
<div className="mr1"><Circle /></div>
<Rectangle />
</div>
</div>

4
client/layouts/button-with-icon/Details.jsx
View File

@@ -1,8 +1,8 @@
import React from 'react';
import DetailsLayout from '../../DetailsLayout';
import Dot from '../../placeholders/Dot';
import BrowserFrame from '../../placeholders/BrowserFrame';
import Circle from '../../placeholders/Circle';
import Rectangle from '../../placeholders/Rectangle';
import SampleCode from '../../SampleCode';
import useDocumentTitle from '../../useDocumentTitle';
@@ -18,7 +18,7 @@ const Details = () => {
<div className="h-100 flex flex-column items-center justify-center">
<div className="w5">
<button className="w-100 h3 flex flex-row items-center ba b--black-30 br2 ph2">
<div className="mr2"><Dot size={32} /></div>
<div className="mr2"><Circle size={32} /></div>
<Rectangle />
</button>
</div>

4
client/layouts/centering/Cover.jsx
View File

@@ -1,6 +1,6 @@
import React from 'react';
import Dot from '../../placeholders/Dot';
import Circle from '../../placeholders/Circle';
import Frame from '../../placeholders/Frame';
import Line from '../../placeholders/Line';
@@ -8,7 +8,7 @@ const Cover = () => {
return (
<Frame>
<div className="h-100 flex flex-column items-center justify-center">
<Dot />
<Circle />
<div className="w-50 mv1">
<Line />
</div>

4
client/layouts/centering/Details.jsx
View File

@@ -2,7 +2,7 @@ import React from 'react';
import DetailsLayout from '../../DetailsLayout';
import BrowserFrame from '../../placeholders/BrowserFrame';
import Dot from '../../placeholders/Dot';
import Circle from '../../placeholders/Circle';
import Rectangle from '../../placeholders/Rectangle';
import SampleCode from '../../SampleCode';
import useDocumentTitle from '../../useDocumentTitle';
@@ -16,7 +16,7 @@ const Details = () => {
<BrowserFrame
content={
<div className="h-100 flex flex-column items-center justify-center">
<Dot size={64} />
<Circle size={64} />
<div className="w-40 mt3"><Rectangle /></div>
<div className="w-30 mt2"><Rectangle /></div>
<div className="w-20 mt2"><Rectangle /></div>

4
client/layouts/split-screen/Cover.jsx
View File

@@ -1,6 +1,6 @@
import React from 'react';
import Dot from '../../placeholders/Dot';
import Circle from '../../placeholders/Circle';
import Frame from '../../placeholders/Frame';
import Line from '../../placeholders/Line';
@@ -9,7 +9,7 @@ const Cover = () => {
<Frame>
<div className="h-100 flex">
<div className="b--black-30 br flex flex-column justify-center items-center" style={{ flex: 1 }}>
<div className="mb1"><Dot /></div>
<div className="mb1"><Circle /></div>
</div>
<div className="flex flex-column justify-center" style={{ flex: 1 }}>
<div className="pa2">

4
client/layouts/split-screen/Details.jsx
View File

@@ -3,7 +3,7 @@ import React from 'react';
import DetailsLayout from '../../DetailsLayout';
import BrowserFrame from '../../placeholders/BrowserFrame';
import Block from '../../placeholders/Block';
import Dot from '../../placeholders/Dot';
import Circle from '../../placeholders/Circle';
import Rectangle from '../../placeholders/Rectangle';
import SampleCode from '../../SampleCode';
import useDocumentTitle from '../../useDocumentTitle';
@@ -18,7 +18,7 @@ const Details = () => {
content={
<div className="h-100 flex">
<div className="b--black-30 br flex flex-column justify-center items-center" style={{ flex: 1 }}>
<div className="mb3"><Dot size={128} /></div>
<div className="mb3"><Circle size={128} /></div>
<div className="w-60"><Rectangle /></div>
</div>
<div className="flex flex-column justify-center" style={{ flex: 1 }}>

4
client/placeholders/Dot.jsx → client/placeholders/Circle.jsx
View File

@@ -1,6 +1,6 @@
import React from 'react';
const Dot = ({ size = 16 }) => {
const Circle = ({ size = 16 }) => {
return (
<div
className="bg-black-30 br-pill"
@@ -12,4 +12,4 @@ const Dot = ({ size = 16 }) => {
);
};
export default Dot;
export default Circle;