盖茨比中处理垂直和水平图像的优雅方式

Question

我正在编写简单的盖茨比应用程序，该应用程序显示我存储在S3中的照片。我想知道是否有一种优雅的方法可以同时处理垂直和水平照片。

我正在寻找一种与您可以在某些照片编辑工具中基于“长边”调整大小的想法等效的东西。

当前，我有两个查询，并且不得不将这两个查询合并到其他位置。

export const pageQuery = graphql`
query {
verticalImages:allS3Image {
      edges {
        node {
            Url 
            localFile {
              childImageSharp {
                fluid(maxHeight: 900) {
                    ...GatsbyImageSharpFluid  
                }
              }
          }
        }
      }
    }
    horizontalImages:allS3Image {
        edges {
          node {
              Url 
              localFile {
                childImageSharp {
                  fluid(maxWidth: 1200) {
                      ...GatsbyImageSharpFluid
                  }
                }
            }
          }
        }
      }
  }
`