Spaces:
Running
Running
make the box have same width as the edit bg width , and change profile color to only profile, and the page animation to only animation, and keep icons.
Browse files- index.html +5 -5
index.html
CHANGED
|
@@ -138,18 +138,18 @@
|
|
| 138 |
<button id="editSettingsBtn" class="bg-gray-800 hover:bg-gray-700 px-3 py-1 rounded-full text-xs font-medium transition flex items-center">
|
| 139 |
<i data-feather="edit" class="w-3 h-3 mr-1"></i> Edit BG
|
| 140 |
</button>
|
| 141 |
-
<div id="settingsDropdown" class="hidden absolute right-0 mt-1 w-
|
| 142 |
<button id="profileColorBtn" class="block w-full text-left px-3 py-2 text-xs hover:bg-gray-700">
|
| 143 |
-
<i data-feather="droplet" class="w-3 h-3 mr-1 inline"></i> Profile
|
| 144 |
</button>
|
| 145 |
<button id="bgAnimationBtn" class="block w-full text-left px-3 py-2 text-xs hover:bg-gray-700">
|
| 146 |
-
<i data-feather="activity" class="w-3 h-3 mr-1 inline"></i>
|
| 147 |
</button>
|
| 148 |
</div>
|
| 149 |
-
|
| 150 |
<div class="flex flex-col justify-center h-full">
|
| 151 |
<!-- Profile Image Upload -->
|
| 152 |
-
<div class="image-upload-container w-
|
| 153 |
<img id="profileImage" src="http://static.photos/technology/320x240/42" alt="Profile" class="w-full h-full object-cover rounded-full">
|
| 154 |
<div class="image-upload-overlay rounded-full">
|
| 155 |
<span class="text-white text-sm font-medium">Click to Upload</span>
|
|
|
|
| 138 |
<button id="editSettingsBtn" class="bg-gray-800 hover:bg-gray-700 px-3 py-1 rounded-full text-xs font-medium transition flex items-center">
|
| 139 |
<i data-feather="edit" class="w-3 h-3 mr-1"></i> Edit BG
|
| 140 |
</button>
|
| 141 |
+
<div id="settingsDropdown" class="hidden absolute right-0 mt-1 w-24 bg-gray-800 rounded-md shadow-lg z-50">
|
| 142 |
<button id="profileColorBtn" class="block w-full text-left px-3 py-2 text-xs hover:bg-gray-700">
|
| 143 |
+
<i data-feather="droplet" class="w-3 h-3 mr-1 inline"></i> Profile
|
| 144 |
</button>
|
| 145 |
<button id="bgAnimationBtn" class="block w-full text-left px-3 py-2 text-xs hover:bg-gray-700">
|
| 146 |
+
<i data-feather="activity" class="w-3 h-3 mr-1 inline"></i> Animation
|
| 147 |
</button>
|
| 148 |
</div>
|
| 149 |
+
</div>
|
| 150 |
<div class="flex flex-col justify-center h-full">
|
| 151 |
<!-- Profile Image Upload -->
|
| 152 |
+
<div class="image-upload-container w-32 h-32 mx-auto mb-6 rounded-full overflow-hidden border-4 border-indigo-500 border-dashed">
|
| 153 |
<img id="profileImage" src="http://static.photos/technology/320x240/42" alt="Profile" class="w-full h-full object-cover rounded-full">
|
| 154 |
<div class="image-upload-overlay rounded-full">
|
| 155 |
<span class="text-white text-sm font-medium">Click to Upload</span>
|