forked from DebaucheryLibrarian/traxxx
				
			Fixed cover dimensions on movie tile to show lazy image, showing missing cover icon.
This commit is contained in:
		
							parent
							
								
									93abbab873
								
							
						
					
					
						commit
						c4f0b48932
					
				|  | @ -14,6 +14,12 @@ | |||
| 					loading="lazy" | ||||
| 				> | ||||
| 
 | ||||
| 				<div | ||||
| 					v-else | ||||
| 					:title="movie.title" | ||||
| 					class="unavailable" | ||||
| 				><Icon icon="blocked" /></div> | ||||
| 
 | ||||
| 				<Icon | ||||
| 					v-show="(!stash || stash.primary) && favorited" | ||||
| 					icon="heart7" | ||||
|  | @ -161,7 +167,6 @@ export default { | |||
| } | ||||
| 
 | ||||
| .movie { | ||||
| 	height: 16rem; | ||||
| 	display: flex; | ||||
| } | ||||
| 
 | ||||
|  | @ -171,18 +176,30 @@ export default { | |||
| } | ||||
| 
 | ||||
| .cover { | ||||
| 	height: 100%; | ||||
| 	height: 16rem; | ||||
| 	width: 11.25rem; | ||||
| 	display: flex; | ||||
| 	align-items: center; | ||||
| 	justify-content: center; | ||||
| 	flex-shrink: 0; | ||||
| 	position: relative; | ||||
| 	box-shadow: 0 0 3px var(--darken-weak); | ||||
|     background-color: var(--shadow-hint); | ||||
| 
 | ||||
| 	img { | ||||
| 		height: 100%; | ||||
| 		max-width: 12rem; | ||||
| 		width: 100%; | ||||
| 		background-position: center; | ||||
| 		background-size: cover; | ||||
| 		object-fit: cover; | ||||
| 		object-position: center; | ||||
| 	} | ||||
| 
 | ||||
| 	.unavailable .icon { | ||||
| 		width: 2rem; | ||||
| 		height: 2rem; | ||||
| 		fill: var(--shadow-hint); | ||||
| 	} | ||||
| } | ||||
| 
 | ||||
| .info { | ||||
|  | @ -254,10 +271,10 @@ export default { | |||
| .stash { | ||||
| 	width: 1.5rem; | ||||
| 	height: 1.5rem; | ||||
| 	padding: .25rem .5rem .5rem .25rem; | ||||
| 	padding: .25rem .5rem .5rem .5rem; | ||||
| 	position: absolute; | ||||
| 	top: 0; | ||||
| 	right: 0; | ||||
| 	left: 0; | ||||
| 	fill: var(--lighten-weak); | ||||
| 	filter: drop-shadow(0 0 2px var(--darken)); | ||||
| 
 | ||||
|  | @ -273,8 +290,9 @@ export default { | |||
| } | ||||
| 
 | ||||
| @media(max-width: $breakpoint-kilo) { | ||||
| 	.movie { | ||||
| 	.cover { | ||||
| 		height: 12rem; | ||||
| 		width: 8.25rem; | ||||
| 	} | ||||
| 
 | ||||
| 	/* ensure no half actor names show */ | ||||
|  |  | |||
|  | @ -45,12 +45,13 @@ const tagSlugsByCategory = { | |||
| 		'teen', | ||||
| 		'milf', | ||||
| 		'blowjob', | ||||
| 		'gay', | ||||
| 		'transsexual', | ||||
| 		'dp', | ||||
| 		'gangbang', | ||||
| 		'facial', | ||||
| 		'creampie', | ||||
| 		'squirting', | ||||
| 		'transsexual', | ||||
| 	], | ||||
| 	appearance: [ | ||||
| 		'asian', | ||||
|  |  | |||
|  | @ -119,8 +119,6 @@ function scrapeScene(html, site, url) { | |||
| } | ||||
| 
 | ||||
| async function fetchLatest(site, page = 1) { | ||||
| 	console.log(site.parameters); | ||||
| 
 | ||||
| 	const url = `${site.parameters?.latest || site.url}?page=${page}`; | ||||
| 	const res = await http.get(url); | ||||
| 
 | ||||
|  |  | |||
		Loading…
	
		Reference in New Issue