fix(Editor): fix editor width when sidebar is hidden

[meteyou]

Description

This PR fix the width of the editor area, when the filestructur sidebar is closed.

Related Tickets & Documents

none

Mobile & Desktop Screenshots/Recordings

before:

after:

[optional] Are there any post-deployment tasks we need to perform?

none

Summary by Sourcery

Fix the editor width issue by updating the CSS to handle the presence or absence of the file structure sidebar.

Bug Fixes:

• Fix the width of the editor area when the file structure sidebar is closed by adjusting the CSS classes.

[meteyou]

@sourcery-ai review

[sourcery-ai]

Reviewer's Guide by Sourcery

This pull request fixes the editor width issue when the file structure sidebar is hidden. The implementation involves updating the CSS classes in the TheEditor.vue component to ensure the editor takes up the full width when the sidebar is closed.

File-Level Changes

Change	Details	Files
Adjust CSS classes to control editor width based on sidebar visibility	Add a new CSS class 'withSidebar' to the codemirror component Update media query to set width:100% when sidebar is hidden Modify existing CSS rule to apply only when 'withSidebar' class is present	src/components/TheEditor.vue

---

Tips

• Trigger a new Sourcery review by commenting @sourcery-ai review on the pull request.
• Continue your discussion with Sourcery by replying directly to review comments.
• You can change your review settings at any time by accessing your dashboard:
  • Enable or disable the Sourcery-generated pull request summary or reviewer's guide;
  • Change the review language;
• You can always contact us if you have any questions or feedback.

[sourcery-ai]

Hey @meteyou - I've reviewed your changes and they look great!

Here's what I looked at during the review

• 🟡 General issues: 1 issue found
• 🟢 Security: all looks good
• 🟢 Testing: all looks good
• 🟢 Complexity: all looks good
• 🟢 Documentation: all looks good

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{Help me be more useful! Please click 👍 or 👎 on each comment to tell me if it was helpful.}

[meteyou]

@sourcery-ai review

[sourcery-ai]

Hey @meteyou - I've reviewed your changes and they look great!

Here's what I looked at during the review

• 🟢 General issues: all looks good
• 🟢 Security: all looks good
• 🟢 Testing: all looks good
• 🟢 Complexity: all looks good
• 🟢 Documentation: all looks good

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{Help me be more useful! Please click 👍 or 👎 on each comment to tell me if it was helpful.}