CavyDev/my_portfolio
1
0
Fork 0
mirror of https://github.com/adam-benyekkou/my_portfolio.git synced 2026-01-15 20:20:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Updated theme button spacing on different screen size

Browse Source
This commit is contained in:
AdamBtech
2025-05-22 10:10:30 +02:00
parent f619f8fc7f
commit a9dedcb1f6
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/app/features/header-display/header-contact-links/header-contact-links.component.html
View File

@@ -22,7 +22,7 @@
</div> </div>
</a> </a>
</div> </div>
<div class="w-1/3 h-full"> <div class="w-2/5 h-full ">
<div class="flex items-center justify-center h-full w-full svg-button-container" data-label="Theme" (click)="toggleTheme()"> <div class="flex items-center justify-center h-full w-full svg-button-container" data-label="Theme" (click)="toggleTheme()">
<app-header-switch-theme-button class="svg-icon" /> <app-header-switch-theme-button class="svg-icon" />
<span class="scan-line"></span> <span class="scan-line"></span>
@@ -33,12 +33,14 @@
<!-- Rest of your layout remains unchanged --> <!-- Rest of your layout remains unchanged -->
<article class="border-r-0 md:border-r-1 grid grid-rows-2 w-full h-full my-4 md:my-0"> <article class="border-r-0 md:border-r-1 grid grid-rows-2 w-full h-full my-4 md:my-0">
<div class="border-b-1 w-full h-full"> <div class="border-b-1 w-full h-full">
<p class="flex items-center justify-center h-full w-full">Operating from unknown french-hideout</p> <p class="flex items-center justify-center h-full w-full text-sm sm:text-lg md:text-lg lg:text-lg xl:text-lg text-center px-2">
Based in unknown french-hideout
</p>
</div> </div>
<div class="w-full h-full"> <div class="w-full h-full">
<p class="flex items-center justify-center h-full w-full"> <p class="flex items-center justify-center h-full w-full text-sm sm:text-lg md:text-lg lg:text-lg xl:text-lg text-center px-2 flex-wrap">
Tech operative ready > <span class="whitespace-nowrap mb-1 sm:mb-0">Tech operative ready /</span>
<a href="https://www.linkedin.com/in/adambnk/" target="_blank" class="text-nier-mid ml-2" data-label="Deploy my skills"> <a href="https://www.linkedin.com/in/adambnk/" target="_blank" class="text-nier-mid ml-1 sm:ml-2 whitespace-nowrap" data-label="Deploy my skills">
<span class="relative z-10">Deploy my skills</span> <span class="relative z-10">Deploy my skills</span>
<span class="scan-line"></span> <span class="scan-line"></span>
</a> </a>