baranayek commited on
Commit
188d213
·
verified ·
1 Parent(s): 0eb7434

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
Files changed (1) hide show
  1. 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-32 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 Color
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> Page 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-40 h-40 sm:w-48 sm:h-48 md:w-56 md:h-56 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>
 
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>