Mirrors/responsively-app
2
0
Fork 0
mirror of https://github.com/responsively-org/responsively-app synced 2024-11-10 06:44:13 +00:00
Code Issues Projects Releases Packages Wiki Activity

Alignment update for guides.

Browse source 
Adds rules/guides package
This commit is contained in:
Len 2023-11-15 10:05:21 +01:00
parent af2abfdffa
commit 2f2ca0dbf3
3 changed files with 93 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
desktop-app/src/renderer/components/Previewer/Device/Toolbar.tsx
View file

@ -139,7 +139,10 @@ const Toolbar = ({
};
return (
<div className="flex items-center justify-between gap-1">
<div
className="flex items-center justify-between gap-1"
style={{ paddingLeft: '30px' }}
>
<div className="my-1 inline-flex max-w-[75%] items-center gap-1">
<Button onClick={refreshView} title="Refresh This View">
<Icon icon="ic:round-refresh" />

15
desktop-app/src/renderer/components/Previewer/Device/index.tsx
View file

@ -500,9 +500,8 @@ const Device = ({ isPrimary, device, setIndividualDevice }: Props) => {
className={cx('h-fit flex-shrink-0', {
'w-52': device.width < 400 && zoomfactor < 0.6,
})}
style={{ paddingLeft: '30px' }}
>
<div className="flex justify-between">
<div className="flex justify-between" style={{ paddingLeft: '30px' }}>
<span>
{device.name}
<span className="ml-[2px] text-xs opacity-60">
@ -524,7 +523,7 @@ const Device = ({ isPrimary, device, setIndividualDevice }: Props) => {
<div
style={{
height: scaledHeight,
width: scaledWidth,
width: scaledWidth + 30,
}}
className="relative origin-top-left bg-white"
>
@ -544,13 +543,7 @@ const Device = ({ isPrimary, device, setIndividualDevice }: Props) => {
return x.resolution === `${width}x${height}`;
})}
/>
<div
style={{
paddingLeft: '30px',
paddingTop: '30px',
}}
className="bg-slate-200 dark:bg-slate-800"
>
<div style={{}} className="bg-slate-200 dark:bg-slate-800">
<webview
id={device.name}
src={address}
@ -559,6 +552,8 @@ const Device = ({ isPrimary, device, setIndividualDevice }: Props) => {
width,
display: 'inline-flex',
transform: `scale(${zoomfactor})`,
marginLeft: '30px',
marginTop: '30px',
}}
ref={ref}
className="origin-top-left"

84
desktop-app/yarn.lock
View file

@ -1281,6 +1281,11 @@
dependencies:
"@jridgewell/trace-mapping" "0.3.9"
"@daybrush/utils@^1.1.1", "@daybrush/utils@^1.11.0", "@daybrush/utils@^1.12.1", "@daybrush/utils@^1.13.0", "@daybrush/utils@^1.4.0", "@daybrush/utils@^1.6.0":
version "1.13.0"
resolved "https://registry.yarnpkg.com/@daybrush/utils/-/utils-1.13.0.tgz#ea70a60864130da476406fdd1d465e3068aea0ff"
integrity sha512-ALK12C6SQNNHw1enXK+UO8bdyQ+jaWNQ1Af7Z3FNxeAwjYhQT7do+TRE4RASAJ3ObaS2+TJ7TXR3oz2Gzbw0PQ==
"@develar/schema-utils@~2.6.5":
version "2.6.5"
resolved "https://registry.yarnpkg.com/@develar/schema-utils/-/schema-utils-2.6.5.tgz#3ece22c5838402419a6e0425f85742b961d9b6c6"
@ -1884,6 +1889,49 @@
resolved "https://registry.yarnpkg.com/@remix-run/router/-/router-1.0.2.tgz#1c17eadb2fa77f80a796ad5ea9bf108e6993ef06"
integrity sha512-GRSOFhJzjGN+d4sKHTMSvNeUPoZiDHWmRnXfzaxrqe7dE/Nzlc8BiMSJdLDESZlndM7jIUrZ/F4yWqVYlI0rwQ==
"@scena/dragscroll@^1.3.0":
version "1.4.0"
resolved "https://registry.yarnpkg.com/@scena/dragscroll/-/dragscroll-1.4.0.tgz#220b2430c16119cd3e70044ee533a5b9a43cffd7"
integrity sha512-3O8daaZD9VXA9CP3dra6xcgt/qrm0mg0xJCwiX6druCteQ9FFsXffkF8PrqxY4Z4VJ58fFKEa0RlKqbsi/XnRA==
dependencies:
"@daybrush/utils" "^1.6.0"
"@scena/event-emitter" "^1.0.2"
"@scena/event-emitter@^1.0.2":
version "1.0.5"
resolved "https://registry.yarnpkg.com/@scena/event-emitter/-/event-emitter-1.0.5.tgz#047e3acef93cf238d7ce3a8cc5a12ec6bd9c3bb1"
integrity sha512-AzY4OTb0+7ynefmWFQ6hxDdk0CySAq/D4efljfhtRHCOP7MBF9zUfhKG3TJiroVjASqVgkRJFdenS8ArZo6Olg==
dependencies:
"@daybrush/utils" "^1.1.1"
"@scena/matrix@^1.0.0":
version "1.1.1"
resolved "https://registry.yarnpkg.com/@scena/matrix/-/matrix-1.1.1.tgz#5297f71825c72e2c2c8f802f924f482ed200c43c"
integrity sha512-JVKBhN0tm2Srl+Yt+Ywqu0oLgLcdemDQlD1OxmN9jaCTwaFPZ7tY8n6dhVgMEaR9qcR7r+kAlMXnSfNyYdE+Vg==
dependencies:
"@daybrush/utils" "^1.4.0"
"@scena/react-guides@^0.28.2":
version "0.28.2"
resolved "https://registry.yarnpkg.com/@scena/react-guides/-/react-guides-0.28.2.tgz#ee67098635c49bdba5ef1749dd5731862eb9a097"
integrity sha512-3TylBDU32BPk/SARQdZ2dkwW0NbQA7D21XUMMdGm/RXxuMNg39oHrxQ/XjlkFOvRFDgc7gPDsDgi1Am8wRuu1Q==
dependencies:
"@daybrush/utils" "^1.12.1"
"@scena/dragscroll" "^1.3.0"
"@scena/react-ruler" "^0.19.0"
css-to-mat "^1.0.3"
framework-utils "^1.1.0"
gesto "^1.18.1"
react-css-styled "^1.1.8"
"@scena/react-ruler@^0.19.0":
version "0.19.0"
resolved "https://registry.yarnpkg.com/@scena/react-ruler/-/react-ruler-0.19.0.tgz#7e94a3b016e9c3e0bd105455f0939832c80def0e"
integrity sha512-2OEOjLMOptDxdSuEqID2JAljQuYoeoV09MnLjiBeyzJxoUcVjzyBCPwkMbHRKj2Z3WrwztJAFBF+y6yNNM5Lcw==
dependencies:
"@daybrush/utils" "^1.11.0"
framework-utils "^1.1.0"
"@sinclair/typebox@^0.24.1":
version "0.24.51"
resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.24.51.tgz#645f33fe4e02defe26f2f5c0410e1c094eac7f5f"
@ -4863,6 +4911,21 @@ css-select@^5.1.0:
domutils "^3.0.1"
nth-check "^2.0.1"
css-styled@~1.0.8:
version "1.0.8"
resolved "https://registry.yarnpkg.com/css-styled/-/css-styled-1.0.8.tgz#c9c05dc4abdef5571033090bfb8cfc5e19429974"
integrity sha512-tCpP7kLRI8dI95rCh3Syl7I+v7PP+2JYOzWkl0bUEoSbJM+u8ITbutjlQVf0NC2/g4ULROJPi16sfwDIO8/84g==
dependencies:
"@daybrush/utils" "^1.13.0"
css-to-mat@^1.0.3:
version "1.1.1"
resolved "https://registry.yarnpkg.com/css-to-mat/-/css-to-mat-1.1.1.tgz#0dd10dcf9ec17df15708c8ff07a74fbd0b9a3fe5"
integrity sha512-kvpxFYZb27jRd2vium35G7q5XZ2WJ9rWjDUMNT36M3Hc41qCrLXFM5iEKMGXcrPsKfXEN+8l/riB4QzwwwiEyQ==
dependencies:
"@daybrush/utils" "^1.13.0"
"@scena/matrix" "^1.0.0"
css-tree@^2.2.1:
version "2.3.1"
resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.3.1.tgz#10264ce1e5442e8572fc82fbe490644ff54b5c20"
@ -6822,6 +6885,11 @@ fragment-cache@^0.2.1:
dependencies:
map-cache "^0.2.2"
framework-utils@^1.1.0:
version "1.1.0"
resolved "https://registry.yarnpkg.com/framework-utils/-/framework-utils-1.1.0.tgz#a3b528bce838dfd623148847dc92371b09d0da2d"
integrity sha512-KAfqli5PwpFJ8o3psRNs8svpMGyCSAe8nmGcjQ0zZBWN2H6dZDnq+ABp3N3hdUmFeMrLtjOCTXD4yplUJIWceg==
fresh@0.5.2, fresh@^0.5.2:
version "0.5.2"
resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
@ -6942,6 +7010,14 @@ gensync@^1.0.0-beta.2:
resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
gesto@^1.18.1:
version "1.19.2"
resolved "https://registry.yarnpkg.com/gesto/-/gesto-1.19.2.tgz#1f5ab5cf49bd5a1ec2ee3805f35e77161343ea7b"
integrity sha512-i6OGsrR2GN7n2dQaUhY+LZ+AAZgBNg5/1kest/ST5VRRflfVl5bSfvOkJMDmKEUrGbKF6eIDkFz/DnCXJD4UMA==
dependencies:
"@daybrush/utils" "^1.13.0"
"@scena/event-emitter" "^1.0.2"
get-caller-file@^2.0.1, get-caller-file@^2.0.5:
version "2.0.5"
resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
@ -11320,6 +11396,14 @@ re-resizable@^6.9.9:
resolved "https://registry.yarnpkg.com/re-resizable/-/re-resizable-6.9.9.tgz#99e8b31c67a62115dc9c5394b7e55892265be216"
integrity sha512-l+MBlKZffv/SicxDySKEEh42hR6m5bAHfNu3Tvxks2c4Ah+ldnWjfnVRwxo/nxF27SsUsxDS0raAzFuJNKABXA==
react-css-styled@^1.1.8:
version "1.1.9"
resolved "https://registry.yarnpkg.com/react-css-styled/-/react-css-styled-1.1.9.tgz#a7cc948e49f72b2f7fb1393bd85416a8293afab3"
integrity sha512-M7fJZ3IWFaIHcZEkoFOnkjdiUFmwd8d+gTh2bpqMOcnxy/0Gsykw4dsL4QBiKsxcGow6tETUa4NAUcmJF+/nfw==
dependencies:
css-styled "~1.0.8"
framework-utils "^1.1.0"
react-detect-click-outside@^1.1.7:
version "1.1.7"
resolved "https://registry.yarnpkg.com/react-detect-click-outside/-/react-detect-click-outside-1.1.7.tgz#8dd5766544475ab0d55084b3e2a35165e9a47854"