mirror of
				https://codeberg.org/yeentown/barkey.git
				synced 2025-11-04 07:24:13 +00:00 
			
		
		
		
	enhance(client): force lazy load some images
This commit is contained in:
		
							parent
							
								
									402b234d15
								
							
						
					
					
						commit
						403849805a
					
				
					 2 changed files with 2 additions and 2 deletions
				
			
		| 
						 | 
					@ -1,6 +1,6 @@
 | 
				
			||||||
<template>
 | 
					<template>
 | 
				
			||||||
<div :class="[$style.root, { yellow: instance.isNotResponding, red: instance.isBlocked, gray: instance.isSuspended }]">
 | 
					<div :class="[$style.root, { yellow: instance.isNotResponding, red: instance.isBlocked, gray: instance.isSuspended }]">
 | 
				
			||||||
	<img class="icon" :src="getInstanceIcon(instance)" alt=""/>
 | 
						<img class="icon" :src="getInstanceIcon(instance)" alt="" loading="lazy"/>
 | 
				
			||||||
	<div class="body">
 | 
						<div class="body">
 | 
				
			||||||
		<span class="host">{{ instance.name ?? instance.host }}</span>
 | 
							<span class="host">{{ instance.name ?? instance.host }}</span>
 | 
				
			||||||
		<span class="sub _monospace"><b>{{ instance.host }}</b> / {{ instance.softwareName || '?' }} {{ instance.softwareVersion }}</span>
 | 
							<span class="sub _monospace"><b>{{ instance.host }}</b> / {{ instance.softwareName || '?' }} {{ instance.softwareVersion }}</span>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -1,6 +1,6 @@
 | 
				
			||||||
<template>
 | 
					<template>
 | 
				
			||||||
<button class="zuvgdzyu _button" @click="menu">
 | 
					<button class="zuvgdzyu _button" @click="menu">
 | 
				
			||||||
	<img :src="`/emoji/${emoji.name}.webp`" class="img" :alt="emoji.name"/>
 | 
						<img :src="`/emoji/${emoji.name}.webp`" class="img" loading="lazy"/>
 | 
				
			||||||
	<div class="body">
 | 
						<div class="body">
 | 
				
			||||||
		<div class="name _monospace">{{ emoji.name }}</div>
 | 
							<div class="name _monospace">{{ emoji.name }}</div>
 | 
				
			||||||
		<div class="info">{{ emoji.aliases.join(' ') }}</div>
 | 
							<div class="info">{{ emoji.aliases.join(' ') }}</div>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		
		Reference in a new issue