nurmuhammet/daragt-kalbasa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add hover effect to social links and include custom scaling style in welcome view

Browse Source
This commit is contained in:
Mekan1206
2026-06-06 13:41:52 +05:00
parent 36626fe779
commit 3b85262bdb
4 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
resources/views/welcome.blade.php
View File

@@ -6,6 +6,11 @@
<title>{{ $settings['footer_brand_name'] ?? 'DARAGT' }} Şöhlatlary</title>
<link href="{{ asset('assets/css/fonts.css') }}" rel="stylesheet"/>
<link href="{{ asset('assets/css/tailwind.css') }}" rel="stylesheet"/>
<style>
.hover\:scale-110:hover {
transform: scale(1.1);
}
</style>
@vite(['resources/js/app.js'])
</head>
<body class="bg-background text-on-surface font-body-md antialiased pt-16">
@@ -274,7 +279,7 @@
@if($socialLinks->isNotEmpty())
<div class="flex gap-6">
@foreach($socialLinks as $link)
<a class="w-10 h-10 rounded-full border border-surface-variant flex items-center justify-center text-surface-bright hover:bg-surface-bright hover:text-inverse-surface transition-colors" href="{{ $link->url }}" target="_blank" rel="noopener noreferrer" aria-label="{{ $link->platform }}">
<a class="w-10 h-10 rounded-full flex items-center justify-center text-surface-bright hover:scale-110 transition-colors" href="{{ $link->url }}" target="_blank" rel="noopener noreferrer" aria-label="{{ $link->platform }}">
@if($link->icon)
<img src="{{ Storage::url($link->icon) }}" alt="{{ $link->platform }}" class="w-5 h-5 object-contain" style="filter: brightness(0) invert(1);">
@else