bytedance-flowgram/apps/docs/theme/components/logo/index.less

/**
 * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
 * SPDX-License-Identifier: MIT
 */

.flowgram-logo-container {
  position: absolute;
  top: 50px;
  width: calc(30vw - 64px);
  height: 550px;

  // Mobile responsive: move to top on small screens to prevent text overlap
  @media (max-width: 768px) {
    top: 0;
    right: 0;
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
  }

  // Tablet responsive: adjust size and position
  @media (min-width: 769px) and (max-width: 1024px) {
    width: calc(45vw - 32px);
    right: 16px;
  }

  // Ensure minimum width to prevent squashing
  @media (min-width: 1025px) and (max-width: 1300px) {
    width: calc(45vw - 32px);
    right: 0;
  }

  // Ensure minimum width to prevent squashing
  @media (min-width: 1301) {
    width: calc(30vw - 64px);
    right: 15vw;
  }
}

.gedit-playground {
  background: transparent !important;
}

.gedit-playground-scroll-right-block {
  display: none;
}

.gedit-playground-scroll-bottom-block {
  display: none;
}