lfg2025/indee-demo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add mobile margins to header logo and profile

Browse Source 
- Logo: ml-2 on mobile (8px left margin)
- Profile: mr-2 on mobile (8px right margin)
- Desktop: ml-0/mr-0 (no extra margins)

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Dorian
2026-02-03 00:29:32 +00:00
parent 39feb722f5
commit f40a3c57db
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/Browse.vue
View File

@@ -9,7 +9,7 @@
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<!-- Logo + Navigation (Left Side) --> <!-- Logo + Navigation (Left Side) -->
<div class="flex items-center gap-10"> <div class="flex items-center gap-10">
<img src="/assets/images/logo.svg" alt="IndeedHub" class="h-10" /> <img src="/assets/images/logo.svg" alt="IndeedHub" class="h-10 ml-2 md:ml-0" />
<!-- Navigation - Next to Logo on Desktop --> <!-- Navigation - Next to Logo on Desktop -->
<nav class="hidden md:flex items-center gap-3"> <nav class="hidden md:flex items-center gap-3">
@@ -73,7 +73,7 @@
</div> </div>
<!-- Mobile User Avatar + Name (No Dropdown) --> <!-- Mobile User Avatar + Name (No Dropdown) -->
<div class="md:hidden flex items-center gap-2"> <div class="md:hidden flex items-center gap-2 mr-2">
<div class="w-8 h-8 rounded-full bg-gradient-to-br from-orange-500 to-pink-500 flex items-center justify-center text-white text-sm font-semibold"> <div class="w-8 h-8 rounded-full bg-gradient-to-br from-orange-500 to-pink-500 flex items-center justify-center text-white text-sm font-semibold">
D D
</div> </div>