diff --git a/html/src/index.pug b/html/src/index.pug index 07ded986e..a432a7a4d 100644 --- a/html/src/index.pug +++ b/html/src/index.pug @@ -702,7 +702,7 @@ html span.name {{ $t('dialog.world.info.memo') }} el-input.extra(v-model="worldDialog.memo" type="textarea" :rows="2" :autosize="{ minRows: 1, maxRows: 20 }" :placeholder="$t('dialog.world.info.memo_placeholder')" size="mini" resize="none") div(style="width:100%;display:flex") - .x-friend-item(style="width:350px;cursor:default") + .x-friend-item(style="width:100%;cursor:default") .detail span.name {{ $t('dialog.world.info.id') }} span.extra {{ worldDialog.id }} diff --git a/html/src/mixins/tabs/playerList.pug b/html/src/mixins/tabs/playerList.pug index 0ca6e5061..a92038c15 100644 --- a/html/src/mixins/tabs/playerList.pug +++ b/html/src/mixins/tabs/playerList.pug @@ -45,7 +45,7 @@ mixin playerListTab() span.name {{ $t('dialog.world.info.created_at') }} span.extra {{ currentInstanceWorld.ref.created_at | formatDate('long') }} div.photon-event-table(v-if="photonLoggingEnabled") - div(style="position:absolute;width:600px;margin-left:195px;z-index:1") + div(style="position:absolute;width:600px;margin-left:215px;z-index:1") el-select(v-model="photonEventTableTypeFilter" @change="photonEventTableFilterChange" multiple clearable collapse-tags style="flex:1;width:220px" :placeholder="$t('view.player_list.photon.filter_placeholder')") el-option(v-once v-for="type in photonEventTableTypeFilterList" :key="type" :label="type" :value="type") el-input(v-model="photonEventTableFilter" @input="photonEventTableFilterChange" :placeholder="$t('view.player_list.photon.search_placeholder')" clearable style="width:150px;margin-left:10px") diff --git a/html/src/theme.material3.scss b/html/src/theme.material3.scss index 99aaf8481..a1f5aab1d 100644 --- a/html/src/theme.material3.scss +++ b/html/src/theme.material3.scss @@ -523,6 +523,7 @@ input[type='number'], border-radius: 24px; overflow-x: auto; white-space: normal; + user-select: text; } .el-table .el-table__body-wrapper table { width: 100%; @@ -1123,7 +1124,7 @@ input[type='number'], } .el-tabs__header { - padding: 12px 0; + padding: 5px; border-bottom: 1px solid rgb(var(--md-sys-color-outline-variant)); } @@ -1318,11 +1319,13 @@ img.x-link.el-popover__reference { *:not(.x-user-dialog, .x-world-dialog, .x-avatar-dialog, .x-group-dialog) > .el-dialog { width: auto !important; + max-width: 1125px !important; } *:not(.x-user-dialog, .x-world-dialog, .x-avatar-dialog, .x-group-dialog) > .el-dialog > .el-dialog__body { overflow-y: auto; + max-height: 825px; } .el-dialog { border-radius: 28px; @@ -1338,6 +1341,8 @@ img.x-link.el-popover__reference { border: none; border-radius: 28px; padding: 24px; + width: 500px; + word-break: break-all; } .el-message-box > *, .el-dialog > * { @@ -1901,10 +1906,6 @@ i.x-user-status { font-weight: var(--md-sys-typescale-label-large-weight); letter-spacing: var(--md-sys-typescale-label-large-tracking); } - -.x-friend-item[style*='width: 350px;'] { - width: auto !important; -} .x-friend-list > .x-friend-group:first-child { color: rgb(var(--md-sys-color-on-surface)); font-family: var(--md-sys-typescale-label-large-font);