Fixes hover (left-right) preventing clicks on volume etc buttons + fix frame button (#2116)

* reduce hover trigger area as it was taking space over the volume etc buttons of video players
* fix #2098
* fixes nsfw warning

Author: ildyria

app/Livewire/Components/Pages/Gallery/Album.php

@@ -77,6 +77,11 @@ final public function render(): View
 			$this->num_albums = $this->album instanceof ModelsAlbum ? $this->album->children->count() : 0;
 			$this->num_photos = $this->album->photos->count();
 
+			// No photos, no frame
+			if ($this->num_photos === 0) {
+				$this->flags->is_mod_frame_enabled = false;
+			}
+
 			$is_latitude_longitude_found = false;
 			if ($this->album instanceof ModelsAlbum) {
 				$is_latitude_longitude_found = $this->album->all_photos()->whereNotNull('latitude')->whereNotNull('longitude')->count() > 0;

app/Livewire/Components/Pages/Gallery/Albums.php

@@ -6,15 +6,18 @@
 use App\Contracts\Livewire\Reloadable;
 use App\Contracts\Models\AbstractAlbum;
 use App\Enum\SmartAlbumType;
+use App\Factories\AlbumFactory;
 use App\Http\Resources\Collections\TopAlbumsResource;
 use App\Livewire\DTO\AlbumRights;
 use App\Livewire\DTO\AlbumsFlags;
 use App\Livewire\DTO\SessionFlags;
 use App\Livewire\Traits\AlbumsPhotosContextMenus;
 use App\Livewire\Traits\SilentUpdate;
 use App\Models\Configs;
+use App\Policies\AlbumPolicy;
 use Illuminate\Contracts\Container\BindingResolutionException;
 use Illuminate\Support\Collection;
+use Illuminate\Support\Facades\Gate;
 use Illuminate\View\View;
 use Livewire\Attributes\Locked;
 use Livewire\Attributes\On;
@@ -51,6 +54,7 @@ public function render(): View
 		$this->flags = new AlbumsFlags();
 		$this->rights = AlbumRights::make(null);
 		$this->albumIDs = $this->topAlbums->albums->map(fn ($v, $k) => $v->id)->all();
+		$this->checkFrameAccess();
 
 		return view('livewire.pages.gallery.albums');
 	}
@@ -90,4 +94,21 @@ public function getSharedAlbumsProperty(): Collection
 	{
 		return $this->topAlbums->shared_albums;
 	}
+
+	private function checkFrameAccess(): void
+	{
+		if ($this->flags->is_mod_frame_enabled !== true) {
+			return;
+		}
+
+		$randomAlbumId = Configs::getValueAsString('random_album_id');
+		$album = resolve(AlbumFactory::class)->findAbstractAlbumOrFail($randomAlbumId);
+		if (Gate::check(AlbumPolicy::CAN_ACCESS, [AbstractAlbum::class, $album]) !== true) {
+			$this->flags->is_mod_frame_enabled = false;
+
+			return;
+		}
+
+		$this->flags->is_mod_frame_enabled = $album->photos->count() > 0;
+	}
 }

resources/views/components/gallery/photo/next-previous.blade.php

@@ -1,10 +1,5 @@
 @props(['is_next'])
-<div @class([
-    'absolute w-1/5 h-full top-0 group',
-    'right-0' => $is_next,
-    'left-0' => !$is_next,
-])
-x-cloak >
+<div class="absolute w-1/6 h-1/2 top-1/2 -translate-y-1/2 group {{ $is_next ? 'right-0' : 'left-0' }}" x-cloak >
     <a 
     {{-- href="{{ route('livewire-gallery-photo', ['albumId' => $albumId, 'photoId' => $photo->id]) }}"  --}}
         id="{{ $is_next ? 'nextButton' : 'previousButton'}}"

resources/views/livewire/modules/gallery/sensitive-warning.blade.php

@@ -1,7 +1,8 @@
 <div id="sensitive_warning" class="
 	{{ $isBlurred ? 'backdrop-blur-lg' : 'bg-red-950' }}
 	{{ $isOpen ? 'flex' : 'hidden' }}
-	flex-col align-middle justify-center text-center text-text-main-0 absolute top-0 left-0 h-full w-full"
+	fixed
+	flex-col align-middle justify-center text-center text-text-main-0 top-14 left-0 h-full w-full"
 	wire:click="close">
 	@if($text === '')
 	<div class="w-full flex justify-center">