How to use the semantic-ui-react.Responsive.onlyMobile function in semantic-ui-react

To help you get started, we’ve selected a few semantic-ui-react examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github BanManagement / BanManager-WebUI / components / AdminNavBar.js View on Github external
render () {
    const { children, displayNavTitle, title } = this.props
    const { visible } = this.state

    return (
      
        
          
            
              {children
              }
github hez2010 / H-Judge / hjudge.WebHost / src / Frontend / src / components / layout / layout.tsx View on Github external
const MobileContainer = (props: ContainerProps & React.Props) => {
  const [sidebarOpened, setSidebarOpened] = React.useState(false);

  const handleSidebarHide = () => setSidebarOpened(false);

  const handleToggle = () => setSidebarOpened(true);
  const { children } = props

  return (
    
      
        主页
        题库
        比赛
        小组
        状态
        消息
        讨论
github blahblahblah- / goodservice / app / javascript / packs / goodserviceApp / components / trainModalStatusHeadwaysPane.jsx View on Github external
renderTable(destinations, headwayData) {
    const { width } = this.props;
    const isMobile = (width <= Responsive.onlyMobile.maxWidth);
    return (
      
          
            
              <header>
                To {destinations.join(', ').replace(/ - /g, "–") || "--"}
              </header>
            
            
              {isMobile ? "Actual" : "Actual Headway"}
            
            
              {isMobile ? "Scheduled" : "Scheduled Headway"}
            
          <table size="{isMobile">
        </table>
github kenforthewin / mentat / assets / js / components / HomepageLayout.js View on Github external
render() {
    const { children } = this.props
    const { sidebarOpened } = this.state

    return (
      
        
          
        
        {children}
      
    )
  }
}
github skypager / skypager / src / examples / voice / src / pages / HomePage.js View on Github external
render() {
    return (
      
        
          <div id="page-container">
            {this.state.docId &amp;&amp; (
              
            )}
          </div>
        
        
          
            {this.state.docId &amp;&amp; (
              
            )}
          
        
      
    )
  }
github blahblahblah- / theweekendest / src / app / mapbox.jsx View on Github external
render() {
    const { trains, arrivals, routing, stops, timestamp,
      displayProblems, displayDelays, displaySlowSpeeds, displayLongHeadways} = this.state;
    return (
      
        <div> this.mapContainer = el}
          style={{top: 0, bottom: 0, left: 0, right: 0, position: "absolute"}}&gt;
        </div>
        
          { trains.length &gt; 1 &amp;&amp;
            
              
            
          }
          
            <header style="{{padding:" color="yellow">
            
              the weekendest<span id="alpha">beta</span>
            
              
                real-time new york city subway map
              
            </header>
github acikkaynak / acikkaynak-website / src / app / layouts / default / mobileContainer.tsx View on Github external
function MobileContainer(props) {
    const history = useHistory();

    const [ sidebarOpened, setSidebarOpened ] = useState(false);

    useEffect(() =&gt; history.listen(() =&gt; {
        setSidebarOpened(false);
    }));

    return (
        
             setSidebarOpened(false)} vertical visible={sidebarOpened}&gt;
                Ana Sayfa
                Haberler
                
                    Eğitim
                    
                        Başlarken
                        Katkı Sağlamak
                        Yeni Proje Başlatmak
                        Kurumlar İçin
                        Rehber
                        Lisanslar
github blahblahblah- / goodservice / app / javascript / packs / goodserviceApp / components / trainModalStatusOverviewPane.jsx View on Github external
Scheduled<br>
                Max Wait
              
              
                Traffic Conditions
              
              
                Lines
              
            
          
          
            { this.tableDataMobileSouth() }
          
        
        
          
            
              
                <header color="{unScheduledDestinationsNorth.length">
                  {northDestinationsFormatted.length &gt; 0&amp;&amp; "To "}
                  {(northDestinationsFormatted.length &amp;&amp; northDestinationsFormatted) || "--"}
                </header>
              
            
            
              
                Lines
              
              
                Traffic Conditions
github BanManagement / BanManager-WebUI / components / NavBar.js View on Github external
render () {
    const { children } = this.props
    const { visible } = this.state

    return (
      
        
          
            {children}
          
        
        
          
          {children}
        
      
    )
  }