glzr-io / zebar

Zebar is a tool for creating customizable and cross-platform taskbars, desktop widgets, and popups.
GNU General Public License v3.0
161 stars 13 forks source link

changing the width of workspaces #46

Closed azinsharaf closed 3 months ago

azinsharaf commented 3 months ago

hi, thanks for this repo. how can i increase the width of the komorebi workspaces? I have tried width param in workspaces section but couldn't make it to work.

image

part of the config:

    template/workspaces:
      styles: |
        display: flex;
        align-items: center;

        .workspace {
          background: rgba(255, 255, 255, 0.05);
          margin-right: 4px;
          width: 30px;
          height: 30px;
          color: #ffffffe6;
          border: none;
          border-radius: 2px;

          &.active {
            background: rgba(255, 255, 255, 0.1);
          }
        }
      providers: ["komorebi"]
      template: |
        @for (workspace of komorebi.currentWorkspaces) {
          <button class="workspace {{ workspace === komorebi.focusedWorkspace && 'active' }}">
            {{ workspace.name }}
          </button>
        }
azinsharaf commented 3 months ago

changing the width works now. not sure why it didn't work on the first place.