Graphql 《盖茨比》中处理垂直和水平图像的优雅方法

Graphql 《盖茨比》中处理垂直和水平图像的优雅方法,graphql,gatsby,graphql-js,Graphql,Gatsby,Graphql Js,我正在编写一个简单的盖茨比应用程序,它显示我存储在S3中的照片。我想知道是否有一个优雅的方式来处理垂直和水平的照片在一起 我正在寻找一种类似于基于“长边”调整大小的方法,这种方法可以在一些照片编辑工具中实现 目前,我有两个查询,必须在其他地方合并这两个查询 export const pageQuery = graphql` query { verticalImages:allS3Image { edges { node { Url

我正在编写一个简单的盖茨比应用程序,它显示我存储在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
                  }
                }
            }
          }
        }
      }
  }
`

弄错了!弄错了!