CalvinBackup/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-02-13 07:02:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Fix sidebar width in localhost (#6732)

Browse Source
This commit is contained in:
Alonso Torres
2025-06-19 15:31:27 +02:00
committed by Andrey Antukh
parent 16a1fd14e5
commit accd5226d7
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/app/main/constants.cljs
View File

@@ -15,6 +15,9 @@
(def grid-x-axis 10)
(def grid-y-axis 10)
(def sidebar-default-width 318)
(def sidebar-default-max-width 768)
(def page-metadata
"Default data for page metadata."
{:grid-x-axis grid-x-axis

9
frontend/src/app/main/ui/workspace/sidebar.cljs
View File

@@ -8,6 +8,7 @@
(:require-macros [app.main.style :as stl])
(:require
[app.common.data.macros :as dm]
[app.main.constants :refer [sidebar-default-width sidebar-default-max-width]]
[app.main.data.common :as dcm]
[app.main.data.event :as ev]
[app.main.data.workspace :as dw]
@@ -210,7 +211,7 @@
(= current-section :code)))
{:keys [on-pointer-down on-lost-pointer-capture on-pointer-move set-size size]}
(use-resize-hook :code 276 276 768 :x true :right)
(use-resize-hook :code sidebar-default-width sidebar-default-width sidebar-default-max-width :x true :right)
on-change-section
(mf/use-fn
@@ -224,7 +225,7 @@
(mf/use-fn
(mf/deps size)
(fn []
(set-size (if (> size 276) 276 768))))
(set-size (if (> size sidebar-default-width) sidebar-default-width sidebar-default-max-width))))
props
(mf/spread-props props
@@ -235,12 +236,12 @@
[:aside
{:class (stl/css-case :right-settings-bar true
:not-expand (not can-be-expanded?)
:expanded (> size 276))
:expanded (> size sidebar-default-width))
:id "right-sidebar-aside"
:data-testid "right-sidebar"
:data-size (str size)
:style {"--width" (if can-be-expanded? (dm/str size "px") "276px")}}
:style {"--width" (if can-be-expanded? (dm/str size "px") (dm/str sidebar-default-width "px"))}}
(when can-be-expanded?
[:div {:class (stl/css :resize-area)