Compare commits

...
Author SHA1 Message Date
Calum H.andGitHub 6ec1a5cbd8 Merge branch 'main' into cal/worlds-alignment-with-content 2026-06-29 16:16:47 +01:00
Calum H. (IMB11) 93418310ac fix: spacing + friends 2026-06-29 15:45:02 +01:00
2 changed files with 14 additions and 4 deletions
@@ -1,5 +1,5 @@
<script setup lang="ts">
import { MailIcon, SendIcon, UserIcon, UserPlusIcon, XIcon } from '@modrinth/assets'
import { MailIcon, SearchIcon, SendIcon, UserIcon, UserPlusIcon, XIcon } from '@modrinth/assets'
import {
Avatar,
ButtonStyled,
@@ -301,11 +301,12 @@ const messages = defineMessages({
</ButtonStyled>
<StyledInput
v-model="search"
:icon="SearchIcon"
type="text"
:placeholder="formatMessage(messages.searchFriends)"
clearable
variant="outlined"
wrapper-class="flex-1"
input-class="!bg-transparent !border !border-solid !border-button-bg !text-primary !placeholder:text-primary"
wrapper-class="flex-1 [&>svg]:!text-primary [&>svg]:!opacity-100"
@keyup.esc="search = ''"
/>
</template>
@@ -154,10 +154,19 @@ onUnmounted(() => {
>
{{ project.title }}
</AutoLink>
<span v-if="project.filename" class="truncate text-secondary mb-2">
<span
v-if="project.filename && (owner || version)"
class="truncate text-secondary mb-2"
>
{{ project.filename }}
</span>
</div>
<div
v-if="project.filename && !(owner || version)"
class="flex min-h-8 min-w-0 items-center text-secondary"
>
<span class="truncate">{{ project.filename }}</span>
</div>
<div
v-if="owner || version"
class="flex flex-nowrap items-center gap-2 overflow-hidden text-secondary"