mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-05-04 22:06:06 +02:00
Prevent the icon from being squished
This commit is contained in:
@@ -2,13 +2,13 @@
|
|||||||
<div class="cursor-pointer">
|
<div class="cursor-pointer">
|
||||||
<div v-if="!text" class="transparent">-</div>
|
<div v-if="!text" class="transparent">-</div>
|
||||||
<div v-show="text" class="flex items-center">
|
<div v-show="text" class="flex items-center">
|
||||||
<div v-if="region" :class="['flags', 'mr-1.5', region]"></div>
|
<div v-if="region" :class="['flags', 'mr-1.5', 'shrink-0', region]"></div>
|
||||||
<TooltipWrapper :content="tooltipContent" :disabled="tooltipDisabled" :delay-duration="300" side="top">
|
<TooltipWrapper :content="tooltipContent" :disabled="tooltipDisabled" :delay-duration="300" side="top">
|
||||||
<div
|
<div
|
||||||
:class="locationClasses"
|
:class="locationClasses"
|
||||||
class="inline-flex min-w-0 flex-nowrap items-center overflow-hidden"
|
class="inline-flex min-w-0 flex-nowrap items-center overflow-hidden"
|
||||||
@click="handleShowWorldDialog">
|
@click="handleShowWorldDialog">
|
||||||
<Spinner v-if="isTraveling" class="mr-1" />
|
<Spinner v-if="isTraveling" class="mr-1 shrink-0" />
|
||||||
<span class="min-w-0 truncate">{{ text }}</span>
|
<span class="min-w-0 truncate">{{ text }}</span>
|
||||||
<span v-if="showInstanceIdInLocation && instanceName" class="ml-1 whitespace-nowrap">{{
|
<span v-if="showInstanceIdInLocation && instanceName" class="ml-1 whitespace-nowrap">{{
|
||||||
` · #${instanceName}`
|
` · #${instanceName}`
|
||||||
@@ -23,9 +23,9 @@
|
|||||||
</TooltipWrapper>
|
</TooltipWrapper>
|
||||||
|
|
||||||
<TooltipWrapper v-if="isClosed" :content="closedTooltip" :disabled="disableTooltip">
|
<TooltipWrapper v-if="isClosed" :content="closedTooltip" :disabled="disableTooltip">
|
||||||
<AlertTriangle class="inline-block ml-2 text-muted-foreground" />
|
<AlertTriangle class="inline-block ml-2 text-muted-foreground shrink-0" />
|
||||||
</TooltipWrapper>
|
</TooltipWrapper>
|
||||||
<Lock v-if="strict" class="inline-block ml-2 text-muted-foreground" />
|
<Lock v-if="strict" class="inline-block ml-2 text-muted-foreground shrink-0" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -49,7 +49,9 @@
|
|||||||
:traveling="currentUser.$travelingToLocation"
|
:traveling="currentUser.$travelingToLocation"
|
||||||
:link="false" />
|
:link="false" />
|
||||||
|
|
||||||
<span v-else class="extra block truncate text-xs">{{ currentUser.statusDescription }}</span>
|
<span v-else class="extra block truncate text-xs">{{
|
||||||
|
currentUser.statusDescription
|
||||||
|
}}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Reference in New Issue
Block a user