The with-ant-design-custom-theme from aoc

with-ant-design-custom-theme's People

Contributors

Stargazers

Watchers

with-ant-design-custom-theme's Issues

* react-dom/lib/ReactReconciler in ./~/next/dist/client/next-dev.js

I got this error after:

git clone $repo
yarn install
yarn dev

I got it fixed by running:
next package warned me to use upgrade-check next time
yarn upgrade

Awesome!

I sadly could never get react-semantic-ui-less working with nextJS, so I will give it up and explore ant properly now!

Im so happy 😀😃😄😆

ant-design css make page size huge

I run this repo in production mode. I found antd style inject into the page and it's uncompressed.
The page size is 448KB.

Menu 'mode' props doesn't work proprely

This code should display an horizontal menu, but an ugly vertical menu is displayed, the example come from ant design site.

https://ant.design/components/layout/

import { Layout, Menu, Breadcrumb } from 'antd';
const { Header, Content, Footer } = Layout;

export default () => (
  <Layout className="layout">
    <Header>
      <div className="logo" />
      <Menu
        theme="dark"
        mode="horizontal"
        defaultSelectedKeys={['2']}
        style={{ lineHeight: '64px' }}
      >
        <Menu.Item key="1">nav 1</Menu.Item>
        <Menu.Item key="2">nav 2</Menu.Item>
        <Menu.Item key="3">nav 3</Menu.Item>
      </Menu>
    </Header>
    <Content style={{ padding: '0 50px' }}>
      <Breadcrumb style={{ margin: '16px 0' }}>
        <Breadcrumb.Item>Home</Breadcrumb.Item>
        <Breadcrumb.Item>List</Breadcrumb.Item>
        <Breadcrumb.Item>App</Breadcrumb.Item>
      </Breadcrumb>
      <div style={{ background: '#fff', padding: 24, minHeight: 280 }}>
        Content
      </div>
    </Content>
    <Footer style={{ textAlign: 'center' }}>
      Ant Design ©2016 Created by Ant UED
    </Footer>
  </Layout>
);

Recommend Projects