workspace/.history/soul-app/src/app/drift-bottle/drift-bottle.component_20241224113321.scss

/* drift-bottle.component.scss */
:host {
    display: block;
}

/* 设置页面背景色 */
ion-content {
    --background: transparent; /* 确保内容背景透明 */
}

.full-screen-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.full-screen-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 使图片覆盖整个容器并保持宽高比 */
}
  
  ion-avatar {
    width: 50px; /* 或者你需要的任何尺寸 */
    height: 50px; /* 保持宽高一致，避免变形 */
  }
  ion-button {
    font-size: 15px; /* 增大字体大小 */
    margin-top: 8px; /* 上间距，仅在需要时添加 */
    text-transform: none; /* 按钮文字不变形 */
    height: 35px;
  }
  
  ion-toolbar {
  margin: auto;
  }
  .title-text{
  position: absolute;
  display: flex;
  left: 125px;
  margin: auto;
  top: 10px;
  }