@import "../../app/vars.less";

@button-margin: 2.5vh;
@taskbar-button-height: 45vh - @button-margin*2;

.programs {
  display: flex;
  align-items: center;
  justify-content: start;
  flex: 1;
  padding: 0 @button-margin;
  gap: 2.5vh;
  overflow: hidden;
  min-width: 100px;
}

.programs--compact {
  .programs;
  flex: 3;
  padding: @button-margin;
}

.taskbar-programs {
  order: 100;
  display: flex;
  flex-wrap: wrap;
  height: 90vh;

  margin-left: @button-margin*5;
  padding: 0 @button-margin;

  align-content: space-between;
}
.taskbar-programs .icon-button {
  margin-left: 4px;
  margin-right: @button-margin;
  margin-bottom: @button-margin;
  height: @taskbar-button-height;
  width: @taskbar-button-height;
  max-width: 80px;
}
// .taskbar-programs .ant-image-img {
//   height: 100%;
// }