subhajit.pal/sls
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change desing

Browse Source
This commit is contained in:
subhajit 2026-07-14 16:24:43 +05:30
parent a128b47308
commit 85c59862c8
1 changed files with 26 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
resources/views/dashboard.blade.php
View File

@ -31,6 +31,11 @@
body { body {
font-family: 'Inter', sans-serif; font-family: 'Inter', sans-serif;
background-color: var(--bg-color); background-color: var(--bg-color);
background-image:
radial-gradient(circle at 85% 15%, rgba(99, 102, 241, 0.15) 0%, transparent 45%),
radial-gradient(circle at 15% 85%, rgba(6, 182, 212, 0.12) 0%, transparent 45%),
radial-gradient(circle at 50% 50%, rgba(99, 102, 241, 0.07) 0%, transparent 50%);
background-attachment: fixed;
color: var(--text-main); color: var(--text-main);
min-height: 100vh; min-height: 100vh;
display: flex; display: flex;
@ -39,45 +44,20 @@
position: relative; position: relative;
} }
/* Glowing background circles */
body::before {
content: '';
position: absolute;
width: 500px;
height: 500px;
border-radius: 50%;
background: radial-gradient(circle, rgba(79, 70, 229, 0.12) 0%, rgba(0, 0, 0, 0) 70%);
top: -200px;
right: -100px;
z-index: -1;
}
body::after {
content: '';
position: absolute;
width: 400px;
height: 400px;
border-radius: 50%;
background: radial-gradient(circle, rgba(6, 182, 212, 0.12) 0%, rgba(0, 0, 0, 0) 70%);
bottom: -100px;
left: -100px;
z-index: -1;
}
/* Top Profile-Integrated Navigation Bar */ /* Top Profile-Integrated Navigation Bar */
.navbar { .navbar {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 12px 5%; padding: 12px 5%;
background: rgba(17, 24, 39, 0.45); background: rgba(10, 15, 26, 0.35); /* Translucent glass dark */
border-bottom: 1px solid var(--card-border); border-bottom: 1px solid rgba(255, 255, 255, 0.05); /* Very fine glass border */
backdrop-filter: blur(16px); backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(20px);
z-index: 100; z-index: 100;
position: sticky; position: sticky;
top: 0; top: 0;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.25);
} }
.nav-profile { .nav-profile {
@ -190,17 +170,19 @@
} }
.nav-action-btn.logout { .nav-action-btn.logout {
color: #ffffff; color: #f87171; /* Translucent glass red text */
background: #ef4444; background: rgba(239, 68, 68, 0.06); /* Translucent red glass background */
border: 1.5px solid #ef4444; border: 1.5px solid rgba(239, 68, 68, 0.25); /* Translucent red glass border */
box-shadow: 0 0 12px rgba(239, 68, 68, 0.2); backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15), 0 0 10px rgba(239, 68, 68, 0.05);
} }
.nav-action-btn.logout:hover { .nav-action-btn.logout:hover {
color: #ffffff; color: #ffffff;
background: #dc2626; background: #ef4444; /* Solid red background on hover */
border-color: #dc2626; border-color: #ef4444;
box-shadow: 0 0 18px rgba(239, 68, 68, 0.45); box-shadow: 0 0 20px rgba(239, 68, 68, 0.45);
transform: translateY(-1px); transform: translateY(-1px);
} }
@ -260,7 +242,7 @@
text-decoration: none; text-decoration: none;
} }
/* Prioritized Service Logo/Icon Wrapper - 90px x 90px with defined border */ /* Prioritized Service Logo/Icon Wrapper - 90px x 90px with defined border & glassmorphism */
.service-logo-wrapper { .service-logo-wrapper {
width: 90px; width: 90px;
height: 90px; height: 90px;
@ -268,9 +250,13 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: rgba(17, 24, 39, 0.4); /* Dark semitransparent background */ background: rgba(15, 23, 42, 0.45); /* Dark semitransparent background */
border: 1.5px solid rgba(255, 255, 255, 0.08); /* Distinct visible border */ border: 1.5px solid rgba(255, 255, 255, 0.08); /* Distinct visible border */
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); backdrop-filter: blur(12px); /* Frosted glass effect */
-webkit-backdrop-filter: blur(12px);
box-shadow:
0 4px 12px rgba(0, 0, 0, 0.25),
inset 0 1px 1px rgba(255, 255, 255, 0.05);
margin-bottom: 12px; margin-bottom: 12px;
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
color: var(--service-color); color: var(--service-color);