search

toniebox-reverse-engineering / teddycloud

teddyCloud is an open source server replacement for the Boxine Cloud
https://toniebox-reverse-engineering.github.io/docs/tools/teddycloud/
GNU General Public License v2.0
456 stars 34 forks source link

Tonie pictures have different size in new web interface /web #162

Closed Freneato closed 6 months ago

Freneato commented 6 months ago

every picture which is used for displaying the tonie figure should be shown in the same size to get the same appearance.

tonie_pic_size

henryk86 commented 6 months ago

This CSS fix the problem... will try to get it into the antd card design. or inject css directly... but later...

.ant-list .ant-row > div,
.ant-list .ant-row .ant-col:first-child {
  display: flex;
}
.ant-list .ant-row .ant-list-item {
  flex: 1 1 auto;
}
.ant-list .ant-row .ant-list-item .ant-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.ant-card-cover {
    height: 100%;
    align-content: center;
}
henryk86 commented 6 months ago

https://github.com/toniebox-reverse-engineering/teddycloud_web/pull/19 committed here. in a first version using app.css file...

henryk86 commented 6 months ago

(the image size is unchanged, but the card is adapted)

henryk86 commented 6 months ago

the images varies besides the size also regards to the "padding" around the image. so a resizing of the image would be still no satisfiing solution i would say.

henryk86 commented 6 months ago

Solved in develop.