maronato/cal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix alignment issues (#4495) 

* fix: spacing issue in externalRedirectUrl text input

* fix: remove unnecessary margin from appcard

* fix: center align switch

* fix: alignment in widget text field

* Update packages/app-store/ee/routing_forms/pages/route-builder/[...appPages].tsx

Co-authored-by: Alex van Andel <me@alexvanandel.com>
Co-authored-by: Leo Giovanetti <hello@leog.me>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
Co-authored-by: Hariom Balhara <hariombalhara@gmail.com>
This commit is contained in:
Nafees Nazik 2022-09-17 07:30:22 +05:30 committed by GitHub
parent 2917455324
commit 95b903110f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/web/components/v2/eventtype/EventAppsTab.tsx
View File

@ -27,13 +27,13 @@ const AppCard = ({
}) => {
return (
<div className="mb-4 rounded-md border border-gray-200 p-8">
<div className="mb-6 flex w-full">
<div className="flex w-full">
<img src={logo} alt={name} className="mr-3 h-auto w-[42px] rounded-sm" />
<div className="flex flex-col">
<span className="font-semibold leading-none text-black">{name}</span>
<p className="pt-2 text-sm font-normal text-gray-600">{description}</p>
</div>
<div className="ml-auto">
<div className="ml-auto flex items-center">
<Switch onCheckedChange={switchOnClick} checked={switchChecked} />
</div>
</div>

2
packages/app-store/ee/routing_forms/components/react-awesome-query-builder/widgets.tsx
View File

@ -49,7 +49,7 @@ const TextWidget = (props: TextWidgetProps & { type?: string }) => {
const textValue = value || "";
return (
<TextField
containerClassName="w-full"
containerClassName="w-full mt-2"
type={type}
className="dark:border-darkgray-300 flex flex-grow border-gray-300 text-sm dark:bg-transparent dark:text-white dark:selection:bg-green-500 disabled:dark:text-gray-500"
value={textValue}

2
packages/app-store/ee/routing_forms/pages/route-builder/[...appPages].tsx
View File

@ -243,8 +243,10 @@ const Route = ({
<TextField
name="externalRedirectUrl"
className="flex w-full flex-grow border-gray-300 text-sm"
containerClassName="w-full mt-2"
type="text"
required
labelSrOnly
value={route.action.value}
onChange={(e) => {
setRoute(route.id, { action: { ...route.action, value: e.target.value } });