Lemoncode / quickmock

Share your ideas as low-fidelity mocks in minutes, perfect for getting started. This free, open-source wireframing tool helps you quickly create basic wireframes for your projects. It's simple to use, making it easy to sketch out ideas and organize your thoughts without the need for complex software.
https://www.quickmock.net/
MIT License
32 stars 18 forks source link

[Multipage docs] Make sure that the thumbnail and the title are displayed one below the other #491

Closed brauliodiez closed 2 weeks ago

brauliodiez commented 2 weeks ago

Right now depending on the resolution title maybe be shown on the left side

Just use some proper flex container.

Current buggy behavior (wide screen monitor) Page should be always shown below the thumbnail and centered

image

Seems that we need some flex container on it, file to check:

src/pods/thumb-pages/thumb-pages.pod.tsx

  return (
    <div className={classes.container}>
      {fullDocument.pages.map((page, index) => (
        <React.Fragment key={page.id}>
          <ThumbPage pageIndex={index} onSetActivePage={handleSetActivePage} />
          <div>{page.name}</div>
        </React.Fragment>
      ))}
      <button onClick={handleAddNewPage}>Add new page</button>
    </div>
  );