s202226701040/smarteat-app/src/lib/user/modal-user-login/modal-user-login.component.scss

@font-face {
  font-family: 'CuteFont'; /* 给字体定义一个名字 */
  src: url('/assets/fonts/仓耳非白W05.ttf') format('truetype'); /* 指定字体文件路径 */
}

.back-arrow-icon {
  color: #ccc; /* 将箭头颜色设为浅灰色 */
  font-size: 10px; /* 可根据实际情况调整箭头大小 */
}

.back-button {
  opacity: 0.2;  /* 0 表示完全透明，1 表示完全不透明 */
  --background: transparent;  /* 确保背景透明 */
  --border: none;             /* 删除边框 */
  --box-shadow: none;         /* 删除阴影 */
}

.auth-button{
  padding-left: 10px;
  padding-right: 10px;
  height: 1px;
}
ion-item {
  width: 100%; /* 保证占满容器宽度 */
  margin-bottom: 16px; /* 设置输入框间距，避免重叠 */
}
.no-border {
  --border-style: none; /* 去掉下边框 */
}
ion-input {
  --border-radius: 10px;
  --background: #f0f0f0;  /* 设置背景色 */
  --padding-start: 5px;   /* 左侧内边距 */
  --padding-end: 5px;     /* 右侧内边距 */
  --border: 2px solid #ddd; 
  text-align: center;
}

ion-input::placeholder {
  color: #0e0101; /* 占位符的颜色 */
}

/* 去除 label 默认的样式 */
ion-label {
  font-size: 14px;
  color: #333;
}

/* 自定义 logo 样式 */
.logo-text {
  text-align: center;
  margin-top: 30px; /* 向下移动 30px */
}

.logo-text h1 {
  font-size: 40px; /* 设置字体大小 */
  font-weight: bold; /* 字体加粗 */
  color: black; /* 字体颜色为黑色 */
  font-family: 'CuteFont', sans-serif; /* Q版字体样式，假设这是你自定义的字体 */
}

.login-page {
  --background: transparent; /* 使背景透明 */
}
ion-content {
  --border-width: 0;     /* 删除边框 */
  --box-shadow: none;    /* 删除阴影 */            /* 如果需要，删除内边距 */
}

ion-card {
  border: none;         /* 删除边框 */
  box-shadow: none;     /* 删除阴影 */
}