Upgrade webawesome framework
Some checks failed
Docker / build (push) Has been cancelled

This commit is contained in:
yuriko 🦊 2025-06-30 20:18:30 -04:00
parent 13307bc7f4
commit e7b31a716c
Signed by: jaiden
SSH key fingerprint: SHA256:f8tvveBoXBrKZIQDWLLcpQrKbATUCGg98x2N4YzkDM8
19 changed files with 63 additions and 51 deletions

View file

@ -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 {

View file

@ -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>

View file

@ -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>

View file

@ -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">&copy; 2025 <a href="https://nyaastudios.io" target="_blank">NyaaStudios</a>; All rights reserved.</span>

View file

@ -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>

View file

@ -0,0 +1,3 @@
<span>
<wa-icon name="{{ $name }}" variant="light" fixed-width @isset($slot) slot="{{ $slot }}" @endisset $attrs></wa-icon>
</span>

View file

@ -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

View file

@ -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

View file

@ -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

View file

@ -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>

View file

@ -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">

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>