fix: Design issues with profile settings style (#11630)
# Pull Request Template ## Description This PR fixes styles issues with the select in profile settings and toggles the Hotkeys button. ## Type of change - [x] Bug fix (non-breaking change which fixes an issue) ## How Has This Been Tested? ### Screenshots **Select** | Before | After (Dark Mode) | After (Light Mode) | | ------------- | ------------- | ------------- | | <img width="162" alt="image" src="https://github.com/user-attachments/assets/6d4ebd45-d233-413e-aca8-7f4db5d6c8a2" /> <img width="699" alt="image" src="https://github.com/user-attachments/assets/62c2ca85-479f-4252-a4fc-ffd5a570cff0" /> | <img width="162" alt="image" src="https://github.com/user-attachments/assets/7c9780ea-8ab6-429e-82e3-6fb554141bc0" /> <img width="699" alt="image" src="https://github.com/user-attachments/assets/726d7a0a-bfbc-4bdc-aedc-a874146230d8" /> | <img width="162" alt="image" src="https://github.com/user-attachments/assets/f3022b5f-6ae2-48d6-a2c9-9961f4295b81" /> <img width="699" alt="image" src="https://github.com/user-attachments/assets/fa6515c1-35df-4f6f-9096-e7893bffe683" /> | **Toggle Hotkeys** | Before | After (Dark Mode) | After (Light Mode) | | ------------- | ------------- | ------------- | | <img width="783" alt="image" src="https://github.com/user-attachments/assets/5628fa6a-9692-44f4-bc45-6e5de44588c7" /> | <img width="783" alt="image" src="https://github.com/user-attachments/assets/14529e80-fd9c-46cd-9ad8-aab041781238" /> | <img width="783" alt="image" src="https://github.com/user-attachments/assets/dfe2cbec-8d05-443d-89a2-0e674fffa518" /> | ## Checklist: - [x] My code follows the style guidelines of this project - [x] I have performed a self-review of my code - [ ] I have commented on my code, particularly in hard-to-understand areas - [ ] I have made corresponding changes to the documentation - [x] My changes generate no new warnings - [ ] I have added tests that prove my fix is effective or that my feature works - [x] New and existing unit tests pass locally with my changes - [ ] Any dependent changes have been merged and published in downstream modules
This commit is contained in:
@@ -245,7 +245,12 @@ export default {
|
||||
<button
|
||||
v-for="hotKey in hotKeys"
|
||||
:key="hotKey.key"
|
||||
class="px-0 reset-base w-full sm:flex-1"
|
||||
class="px-0 reset-base w-full sm:flex-1 rounded-xl outline-1 outline"
|
||||
:class="
|
||||
isEditorHotKeyEnabled(hotKey.key)
|
||||
? 'outline-n-brand/30'
|
||||
: 'outline-n-weak'
|
||||
"
|
||||
>
|
||||
<HotKeyCard
|
||||
:key="hotKey.title"
|
||||
|
||||
Reference in New Issue
Block a user