TreyCollier's questions

我是 Tailwind 的新手，遇到了 Grid 布局的问题。

<Grid
  gap="3"
  columns={{ initial: '1', md: '4' }}
  align="end"
>
  <Box className="md:col-span-3">
    <Text
      as="p"
      mb="1"
    >
      Password
    </Text>
    <TextField.Root
      type="password"
      placeholder="Password..."
      {...register('password')}
    />
    <ErrorMessage className="mt-5">{errors.password?.message}</ErrorMessage>
  </Box>
  <Button
    disabled={isSubmitting}
  >
    Log In {isSubmitting && <Spinner />}
  </Button>
</Grid>

我的目标是Log In在较大的设备上将按钮放在文本输入旁边，但在较小的设备上将按钮放在下方。

但是，我遇到了这个问题，其中网格布局之间有一个点768px，并且没有按照我预期的方式工作。1024px

我理解的768px是， 是中型设备的断点，1024px是大型设备的断点。

我想象这是一件愚蠢的事情，但却无法完全理解。

我已附加图片来显示该问题。

第二张图是屏幕宽度在 768 到 1024 像素之间时的网格布局。

我的理解是，我为中型设备指定了 4 列，并让<Box>占用其中的 3 列。任何小于 768px 的内容都应仅使用一列。

我需要更新 PostgresQL 数据库表中的一些值。

我想更新该stage列，其中stage“已接受”并且该列workspace在数组中有一个值。

我正在尝试将特定工作区的 ID 选择到一个数组中，我可以在更新语句中使用它。

我尝试过不同的东西，这就是我目前所拥有的。

DO $$
DECLARE external_app_workspaces INTEGER[];
BEGIN
  SELECT ARRAY(
      SELECT id
      FROM workspace w
      WHERE w."isUsingExternalApp" = true
    )
  INTO external_app_workspaces;


  UPDATE task t
  SET "stage" = 'Licence Issued'
  WHERE "stage" = 'Accepted'
  AND t.workspace IN external_app_workspaces;
END $$;

运行这个给我错误：

Error occurred during SQL query execution

Reason:
SQL Error [42601]: ERROR: syntax error at or near "external_app_workspaces"
  Position: 292

我究竟做错了什么？