Skip to content

i added two new units to modify components (percentage and em) #24

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
TheEmadM wants to merge 6 commits into
base: master
Choose a base branch
from
Open

i added two new units to modify components (percentage and em) #24

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
71d06ec
i added two new units to midofy components (percentage and em)
Nov 18, 2023
87e8b4c
Delete src/component/ComponentView/styles.module.sass
TheEmadM Nov 22, 2023
9cb0e7d
Delete .gitignore
TheEmadM Nov 22, 2023
86fb29a
Delete package-lock.json
TheEmadM Nov 22, 2023
62ef9d5
Delete package.json
TheEmadM Nov 22, 2023
eaa3b63
Delete yarn.lock
TheEmadM Nov 22, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 0 additions & 5 deletions .gitignore
View file
Open in desktop

This file was deleted.

30,968 changes: 0 additions & 30,968 deletions package-lock.json
View file
Open in desktop

This file was deleted.

60 changes: 0 additions & 60 deletions package.json
View file
Open in desktop

This file was deleted.

39 changes: 0 additions & 39 deletions src/component/ComponentView/styles.module.sass
View file
Open in desktop

This file was deleted.

6 changes: 3 additions & 3 deletions src/component/Selectors/WidthAndHeight.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import { Text } from "../Styled"
import useStyleValue from "../../hooks/useStyleValue"
import useApplyStyle from "../../hooks/useApplyStyle"
import { getUnit, getNumbericValue as getValue } from "../../helper"
const units = ["px", "rem"]
const units = ["px", "rem", "%", "em"]

const WidthAndHeight = () => {
const applyStyle = useApplyStyle()
Expand All @@ -31,7 +31,7 @@ const WidthAndHeight = () => {
<div className={style.body}>
<Slider
min={0}
max={500}
max={widthUnit === "%" ? 100 : (widthUnit === "em" ? 50 : 500)}
value={widthValue}
onChange={(value) => {
applyStyle("width", value + widthUnit)
Expand All @@ -53,7 +53,7 @@ const WidthAndHeight = () => {
<div className={style.body}>
<Slider
min={0}
max={500}
max={heightUnit === "%" ? 100 : (heightUnit === "em" ? 50 : 500)}
value={heightValue}
onChange={(value) => {
applyStyle("height", value + heightUnit)
Expand Down
1 change: 1 addition & 0 deletions src/welcome-map.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ const map: ComponentMember[] = [
className: "container",
style: {
width: "500px",
height: "400px",
background: "rgba(255, 255, 255, 1)",
borderRadius: "64px",
boxShadow: "2px 2px 43px 0px #999999",
Expand Down
Loading