mirror of
https://github.com/NyaaStudios/nyaabooru.git
synced 2025-12-10 05:42:58 +00:00
This commit is contained in:
parent
13307bc7f4
commit
e7b31a716c
19 changed files with 63 additions and 51 deletions
|
|
@ -1,10 +1,8 @@
|
|||
@import url('https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/styles/webawesome.css');
|
||||
@import url('https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/styles/utilities.css');
|
||||
@import url('https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/styles/webawesome.css');
|
||||
@import url('https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/styles/utilities.css');
|
||||
|
||||
@import url('https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/styles/themes/tailspin.css');
|
||||
@import url('https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/styles/color/bright.css');
|
||||
@import url('https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/styles/brand/purple.css');
|
||||
@import url('https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/styles/themes/awesome/typography.css');
|
||||
@import url('https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/styles/themes/tailspin.css');
|
||||
@import url('https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/styles/color/palettes/default.css');
|
||||
|
||||
html,
|
||||
body {
|
||||
|
|
@ -19,9 +17,9 @@ body {
|
|||
.wa-theme-nyaabooru {
|
||||
--wa-icon-family: classic;
|
||||
--wa-icon-variant: light;
|
||||
--wa-border-radius-scale: 0.5;
|
||||
--wa-space-scale: 1;
|
||||
--wa-border-width-scale: 1;
|
||||
--wa-border-radius-scale: 0.5;
|
||||
--wa-border-width-scale: 1;
|
||||
--wa-space-scale: 0.75;
|
||||
}
|
||||
|
||||
wa-page {
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
<!doctype html>
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="wa-cloak wa-dark">
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="wa-cloak wa-theme-tailspin wa-palette-default wa-dark wa-brand-pink wa-neutral-gray wa-success-green wa-warning-yellow wa-danger-red">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
|
||||
<script type="module" src="https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/webawesome.loader.js" data-fa-kit-code="ba9cf75857"></script>
|
||||
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
||||
<script type="module" src="https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/webawesome.loader.js" data-fa-kit-code="ba9cf75857"></script>
|
||||
@livewireStyles
|
||||
<title>{{ $title ?? 'Untitled' }} ~ {{ config('app.name') }}</title>
|
||||
</head>
|
||||
|
|
@ -20,7 +20,7 @@
|
|||
<div class="wa-cluster">
|
||||
<wa-icon-button data-toggle-nav name="bars" label="Menu"></wa-icon-button>
|
||||
<a href="{{ route('home') }}" class="wa-cluster" style="font-size: 1.5rem;" wire:navigate.hover>
|
||||
<wa-icon name="paw-simple"></wa-icon>
|
||||
<livewire:app.icon name="paw-simple" />
|
||||
{{ config('app.name') }}
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -28,7 +28,7 @@
|
|||
|
||||
<nav slot="navigation-header">
|
||||
<a href="{{ route('home') }}" class="wa-cluster" style="font-size: 1.5rem;" wire:navigate.hover>
|
||||
<wa-icon name="paw-simple"></wa-icon>
|
||||
<livewire:app.icon name="paw-simple" />
|
||||
{{ config('app.name') }}
|
||||
</a>
|
||||
</nav>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<wa-card>
|
||||
<div class="wa-flank wa-align-items-start">
|
||||
<wa-avatar shape="rounded">
|
||||
<wa-icon slot="icon" name="{{ $icon }}"></wa-icon>
|
||||
<livewire:app.icon slot="icon" :name="$icon" />
|
||||
</wa-avatar>
|
||||
<div class="wa-stack wa-gap-2xs">
|
||||
<h3 class="wa-caption-m">{{ $title }}</h3>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<div class="wa-split">
|
||||
<div class="wa-stack wa-gap-2xs">
|
||||
<div class="wa-cluster wa-heading-l">
|
||||
<wa-icon name="paw-simple"></wa-icon>
|
||||
<livewire:app.icon name="paw-simple" />
|
||||
<span>{{ config('app.name') }}</span>
|
||||
</div>
|
||||
<span class="wa-caption-l">© 2025 <a href="https://nyaastudios.io" target="_blank">NyaaStudios</a>; All rights reserved.</span>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,5 @@
|
|||
<div class="wa-stack wa-gap-3xl">
|
||||
<div class="wa-grid">
|
||||
{{-- <h1 class="wa-cluster">--}}
|
||||
{{-- <wa-icon name="paw-simple"></wa-icon>--}}
|
||||
{{-- {{ config('app.name') }}--}}
|
||||
{{-- </h1>--}}
|
||||
<h1>{{ config('app.name') }}</h1>
|
||||
</div>
|
||||
<h1>{{ config('app.name') }}</h1>
|
||||
|
||||
<livewire:post-feature lazy />
|
||||
</div>
|
||||
|
|
|
|||
3
resources/views/livewire/app/icon.blade.php
Normal file
3
resources/views/livewire/app/icon.blade.php
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<span>
|
||||
<wa-icon name="{{ $name }}" variant="light" fixed-width @isset($slot) slot="{{ $slot }}" @endisset $attrs></wa-icon>
|
||||
</span>
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
<div class="wa-stack">
|
||||
@guest
|
||||
<a href="{{ route('login') }}" class="wa-cluster">
|
||||
<wa-icon name="arrow-right-to-bracket"></wa-icon>
|
||||
<livewire:app.icon name="arrow-right-to-bracket" />
|
||||
Sign in to {{ config('app.name') }}
|
||||
</a>
|
||||
@endguest
|
||||
|
|
@ -15,7 +15,7 @@
|
|||
</a>
|
||||
|
||||
<a href="{{ route('logout') }}" class="wa-cluster">
|
||||
<wa-icon name="arrow-left-from-bracket"></wa-icon>
|
||||
<livewire:app.icon name="arrow-left-from-bracket" />
|
||||
Sign out
|
||||
</a>
|
||||
@endauth
|
||||
|
|
|
|||
|
|
@ -1,22 +1,22 @@
|
|||
<div class="wa-stack">
|
||||
@auth
|
||||
<a href="{{ route('posts.home') }}" class="wa-cluster" wire:navigate.hover>
|
||||
<wa-icon name="images"></wa-icon>
|
||||
<livewire:app.icon name="images" />
|
||||
Posts
|
||||
</a>
|
||||
|
||||
<a href="{{ route('upload') }}" class="wa-cluster" wire:navigate.hover>
|
||||
<wa-icon name="arrow-up-from-bracket"></wa-icon>
|
||||
<livewire:app.icon name="arrow-up-from-bracket" />
|
||||
Upload
|
||||
</a>
|
||||
|
||||
<a href="{{ route('tags.home') }}" class="wa-cluster" wire:navigate.hover>
|
||||
<wa-icon name="tags"></wa-icon>
|
||||
<livewire:app.icon name="tags" />
|
||||
Tags
|
||||
</a>
|
||||
|
||||
<a href="{{ route('users') }}" class="wa-cluster" wire:navigate.hover>
|
||||
<wa-icon name="users"></wa-icon>
|
||||
<livewire:app.icon name="users" />
|
||||
Users
|
||||
</a>
|
||||
@endauth
|
||||
|
|
|
|||
|
|
@ -10,22 +10,22 @@
|
|||
|
||||
@auth
|
||||
<wa-button appearance="plain" href="{{ route('posts.home') }}" wire:navigate.hover>
|
||||
<wa-icon slot="prefix" name="images"></wa-icon>
|
||||
<livewire:app.icon slot="start" name="images" />
|
||||
Posts
|
||||
</wa-button>
|
||||
|
||||
<wa-button appearance="plain" href="{{ route('upload') }}" wire:navigate.hover>
|
||||
<wa-icon slot="prefix" name="arrow-up-from-bracket"></wa-icon>
|
||||
<livewire:app.icon slot="start" name="arrow-up-from-bracket" />
|
||||
Upload
|
||||
</wa-button>
|
||||
|
||||
<wa-button appearance="plain" href="{{ route('tags.home') }}" wire:navigate.hover>
|
||||
<wa-icon slot="prefix" name="tags"></wa-icon>
|
||||
<livewire:app.icon slot="start" name="tags" />
|
||||
Tags
|
||||
</wa-button>
|
||||
|
||||
<wa-button appearance="plain" href="{{ route('users') }}" wire:navigate.hover>
|
||||
<wa-icon slot="prefix" name="users"></wa-icon>
|
||||
<livewire:app.icon slot="start" name="users" />
|
||||
Users
|
||||
</wa-button>
|
||||
@endauth
|
||||
|
|
@ -34,7 +34,7 @@
|
|||
<div class="wa-cluster">
|
||||
@guest
|
||||
<wa-button href="{{ route('login') }}" appearance="plain">
|
||||
<wa-icon slot="prefix" name="arrow-right-to-bracket"></wa-icon>
|
||||
<livewire:app.icon slot="start" name="arrow-right-to-bracket" />
|
||||
Sign in
|
||||
</wa-button>
|
||||
@endguest
|
||||
|
|
@ -47,7 +47,7 @@
|
|||
</div>
|
||||
</wa-button>
|
||||
<wa-button href="{{ route('logout') }}" appearance="plain">
|
||||
<wa-icon name="arrow-left-from-bracket" slot="prefix"></wa-icon>
|
||||
<livewire:app.icon name="arrow-left-from-bracket" slot="start" />
|
||||
Sign out
|
||||
</wa-button>
|
||||
@endauth
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
rel="prev"
|
||||
@endif
|
||||
>
|
||||
<wa-icon name="arrow-left" slot="prefix"></wa-icon>
|
||||
<livewire:app.icon name="arrow-left" slot="prefix" />
|
||||
Previous
|
||||
</wa-button>
|
||||
<wa-button
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
@endif
|
||||
>
|
||||
Next
|
||||
<wa-icon name="arrow-right" slot="suffix"></wa-icon>
|
||||
<livewire:app.icon name="arrow-right" slot="suffix" />
|
||||
</wa-button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
@if (\Illuminate\Support\Facades\Storage::has("avatars/$user->id"))
|
||||
<img src="{{ $user->getAvatarBase64() }}"/>
|
||||
@else
|
||||
<wa-icon name="user"></wa-icon>
|
||||
<livewire:app.icon name="user" />
|
||||
@endif
|
||||
</a>
|
||||
<div class="wa-stack wa-gap-3xs">
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
</wa-select>
|
||||
|
||||
<wa-button type="submit" variant="brand" wire:loading.attr="disabled">
|
||||
<wa-icon slot="prefix" name="arrow-up-from-bracket"></wa-icon>
|
||||
<livewire:app.icon slot="prefix" name="arrow-up-from-bracket" />
|
||||
Upload
|
||||
</wa-button>
|
||||
</form>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<div class="wa-stack">
|
||||
|
||||
<wa-callout variant="brand" appearance="outlined">
|
||||
<wa-icon slot="icon" name="circle-info"></wa-icon>
|
||||
<livewire:app.icon slot="icon" name="circle-info" />
|
||||
<span>Changes are automatically saved.</span>
|
||||
</wa-callout>
|
||||
|
||||
|
|
@ -36,7 +36,7 @@
|
|||
|
||||
{{-- Tags --}}
|
||||
<div class="wa-cluster wa-heading-m">
|
||||
<wa-icon fixed-width name="tags"></wa-icon>
|
||||
<livewire:app.icon fixed-width name="tags" />
|
||||
<span>Tags</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -53,11 +53,11 @@
|
|||
|
||||
<div class="wa-split">
|
||||
<wa-button href="{{ url("posts/$post->id") }}" appearance="outlined" variant="neutral" size="small" wire:navigate.hover>
|
||||
<wa-icon slot="prefix" name="arrow-left"></wa-icon>
|
||||
<livewire:app.icon slot="prefix" name="arrow-left" />
|
||||
<span>Exit</span>
|
||||
</wa-button>
|
||||
<wa-button appearance="outlined" variant="danger" size="small" wire:click="$js.openDialog">
|
||||
<wa-icon slot="prefix" name="trash"></wa-icon>
|
||||
<livewire:app.icon slot="prefix" name="trash" />
|
||||
<span>Delete post</span>
|
||||
</wa-button>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -26,19 +26,19 @@
|
|||
|
||||
{{-- Post ID --}}
|
||||
<div class="wa-cluster">
|
||||
<wa-icon fixed-width name="hashtag"></wa-icon>
|
||||
<livewire:app.icon name="hashtag" />
|
||||
<span>{{ $post->id }}</span>
|
||||
</div>
|
||||
|
||||
{{-- Post author --}}
|
||||
<div class="wa-cluster">
|
||||
<wa-icon fixed-width name="user"></wa-icon>
|
||||
<livewire:app.icon name="user" />
|
||||
<span>{{ $post->user->name }}</span>
|
||||
</div>
|
||||
|
||||
{{-- Post upload date --}}
|
||||
<div class="wa-cluster">
|
||||
<wa-icon fixed-width name="calendar"></wa-icon>
|
||||
<livewire:app.icon name="calendar" />
|
||||
<wa-format-date
|
||||
month="numeric"
|
||||
day="numeric"
|
||||
|
|
@ -51,13 +51,13 @@
|
|||
|
||||
{{-- Post dimensions --}}
|
||||
<div class="wa-cluster">
|
||||
<wa-icon fixed-width name="image"></wa-icon>
|
||||
<livewire:app.icon name="image" />
|
||||
<span>{{ $post->getDimensionsStr() }}, <wa-format-bytes value="{{ $post->getFileSize() }}"></wa-format-bytes> {{ $post->extension }}</span>
|
||||
</div>
|
||||
|
||||
{{-- Post rating --}}
|
||||
<div class="wa-cluster">
|
||||
<wa-icon fixed-width name="face-hand-peeking"></wa-icon>
|
||||
<livewire:app.icon name="face-hand-peeking" />
|
||||
<span style="color: var(--wa-color-{{ $post->getRatingColor() }}-on-normal);">{{ $post->rating }}</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -65,7 +65,7 @@
|
|||
|
||||
{{-- Tags --}}
|
||||
<div class="wa-cluster wa-heading-m">
|
||||
<wa-icon fixed-width name="tags"></wa-icon>
|
||||
<livewire:app.icon name="tags" />
|
||||
<span>Tags</span>
|
||||
</div>
|
||||
|
||||
|
|
@ -90,7 +90,7 @@
|
|||
|
||||
<form wire:submit="postComment">
|
||||
<wa-input wire:model.live="message" type="text" placeholder="Leave a comment, press enter to post." clearable multiline>
|
||||
<wa-icon name="comment" slot="prefix"></wa-icon>
|
||||
<livewire:app.icon name="comment" slot="prefix" />
|
||||
</wa-input>
|
||||
</form>
|
||||
|
||||
|
|
|
|||
|
|
@ -42,7 +42,7 @@
|
|||
</wa-color-picker>
|
||||
<wa-input wire:model="description" type="text" label="Group description (optional)"></wa-input>
|
||||
<wa-button type="submit" appearance="outlined" variant="brand">
|
||||
<wa-icon name="plus" slot="prefix"></wa-icon>
|
||||
<livewire:app.icon name="plus" slot="prefix" />
|
||||
Create tag group
|
||||
</wa-button>
|
||||
</form>
|
||||
|
|
|
|||
|
|
@ -60,7 +60,7 @@
|
|||
@endforeach
|
||||
</wa-select>
|
||||
<wa-button type="submit" variant="brand" appearance="outlined">
|
||||
<wa-icon name="plus" slot="prefix"></wa-icon>
|
||||
<livewire:app.icon name="plus" slot="prefix" />
|
||||
Create tag
|
||||
</wa-button>
|
||||
</form>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue