rajukottedi/portfolio-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update popup styles for improved aesthetics; add SVG favicon

Browse Source
This commit is contained in:
Bangara Raju Kottedi 2026-02-15 13:07:40 +05:30
parent 1806c6fb1f
commit 3ef1a2682f
3 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
public/favicon.svg Normal file
View File

@ -0,0 +1,17 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<defs>
<linearGradient id="bg" x1="0%" y1="100%" x2="100%" y2="0%">
<stop offset="3%" style="stop-color:hsl(240,1%,25%)"/>
<stop offset="97%" style="stop-color:hsl(0,0%,19%)"/>
</linearGradient>
</defs>
<rect width="64" height="64" rx="14" fill="url(#bg)"/>
<!-- Crown -->
<path d="M10 44 L10 24 L22 34 L32 16 L42 34 L54 24 L54 44 Z"
fill="hsl(45,100%,72%)" stroke="hsl(45,100%,72%)" stroke-width="1" stroke-linejoin="round"/>
<rect x="10" y="44" width="44" height="6" rx="2" fill="hsl(45,100%,72%)"/>
<!-- jewels -->
<circle cx="22" cy="38" r="2.5" fill="hsl(240,1%,17%)"/>
<circle cx="32" cy="35" r="2.5" fill="hsl(240,1%,17%)"/>
<circle cx="42" cy="38" r="2.5" fill="hsl(240,1%,17%)"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 805 B

6
src/app/shared/dynamic-popup/dynamic-popup.scss
View File

@ -6,8 +6,10 @@
width: min(92vw, 820px);
max-width: 820px;
color: var(--white-2);
box-shadow: 0 24px 64px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.08);
border: 1px solid rgba(255,255,255,0.10);
/* Subtle, thinner border using a dull gold */
border: 1.2px solid hsla(45, 100%, 72%, 0.45);
/* Softer shadow for separation */
box-shadow: 0 0 0 1.5px rgba(45, 45, 45, 0.5), 0 24px 64px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.08);
font-family: var(--ff-poppins);
animation: popupFade 220ms cubic-bezier(0.22, 1, 0.36, 1);
max-height: 78vh;

2
src/index.html
View File

@ -5,7 +5,7 @@
<title>PortfolioAdmin</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="icon" type="image/svg+xml" href="favicon.svg">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">