<commit_before>import { Flex, Title, media } from "@artsy/palette"
import { Conversation_me } from "v2/__generated__/Conversation_me.graphql"
import { AppContainer } from "v2/Apps/Components/AppContainer"
import { ConversationFragmentContainer as Conversation } from "v2/Apps/Conversation/Components/Conversation"
import { ConversationsFragmentContainer as Conversations } from "v2/Apps/Conversation/Components/Conversations"
import { SystemContext } from "v2/Artsy"
import { findCurrentRoute } from "v2/Artsy/Router/Utils/findCurrentRoute"
import { ErrorPage } from "v2/Components/ErrorPage"
import { Match } from "found"
import React, { useContext, useState } from "react"
import { RelayRefetchProp, createRefetchContainer, graphql } from "react-relay"
import { userHasLabFeature } from "v2/Utils/user"
import { Media } from "v2/Utils/Responsive"
import {
  ConversationHeader,
  FullHeader,
} from "v2/Apps/Conversation/Components/InboxHeaders"
import { DetailsFragmentContainer as Details } from "../../Components/Details"
import styled from "styled-components"
interface ConversationRouteProps {
  me: Conversation_me
  conversationID: string
  match: Match
  relay: RelayRefetchProp
}

const ConstrainedHeightFlex = styled(Flex)`
  height: calc(100vh - 145px);
  ${media.sm`
    height: calc(100vh - 55px);
  `}
  & > * {
    overflow-y: scroll;
    overflow-x: hidden;
  }
  & > .fresnel-greaterThan-sm {
    flex-shrink: 0;
  }
`
<commit_msg>Adjust media query for ConstrainedHeightFlex component<commit_after>import { Flex, Title, media } from "@artsy/palette"
import { Conversation_me } from "v2/__generated__/Conversation_me.graphql"
import { AppContainer } from "v2/Apps/Components/AppContainer"
import { ConversationFragmentContainer as Conversation } from "v2/Apps/Conversation/Components/Conversation"
import { ConversationsFragmentContainer as Conversations } from "v2/Apps/Conversation/Components/Conversations"
import { SystemContext } from "v2/Artsy"
import { findCurrentRoute } from "v2/Artsy/Router/Utils/findCurrentRoute"
import { ErrorPage } from "v2/Components/ErrorPage"
import { Match } from "found"
import React, { useContext, useState } from "react"
import { RelayRefetchProp, createRefetchContainer, graphql } from "react-relay"
import { userHasLabFeature } from "v2/Utils/user"
import { Media } from "v2/Utils/Responsive"
import {
  ConversationHeader,
  FullHeader,
} from "v2/Apps/Conversation/Components/InboxHeaders"
import { DetailsFragmentContainer as Details } from "../../Components/Details"
import styled from "styled-components"
interface ConversationRouteProps {
  me: Conversation_me
  conversationID: string
  match: Match
  relay: RelayRefetchProp
}

const ConstrainedHeightFlex = styled(Flex)`
  height: calc(100vh - 145px);
  ${media.md`
    height: calc(100vh - 60px);
  `}
  & > * {
    overflow-y: scroll;
    overflow-x: hidden;
  }
  & > .fresnel-greaterThan-sm {
    flex-shrink: 0;
  }
`

{'fraction_non_alphanumeric': 0.10948656919415165, 'fraction_numerical': 0.014960897653859231, 'mean_word_length': 5.028688524590164, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7245617', 'n_tokens_mistral': 963, 'n_tokens_neox': 929, 'n_words': 213}