Inicio Explorar Ayuda
Iniciar sesión
ChadCx
/
LotteryApp
1
0
Fork 0
Archivos Incidencias 0 Pull Requests 0 Wiki
Rama: master
Ramas Etiquetas
LotteryApp
/
dist
/
dev
/
app-plus
/
pages
/
oldPage
/
preference
/
index.css

index.css 2.2 KB
Permalink Histórico Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 
  1. 

  2. /* 设置卡片样式 */
    3. 

  3. .settings-card[data-v-48f00c31] {
    4. 

  4. margin-bottom:1rem;overflow:hidden;border-radius:0.75rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
    5. 

  5. }
    6. 

  6. .card-header[data-v-48f00c31] {
    7. 

  7. display:flex;align-items:center;border-bottom-width:1px;--un-border-opacity:1;border-color:rgb(243 244 246 / var(--un-border-opacity));padding-left:1.25rem;padding-right:1.25rem;padding-top:1rem;padding-bottom:1rem;
    8. 

  8. }
    9. 

  9. .card-title[data-v-48f00c31] {
    10. 

  10. margin-left:0.75rem;font-size:1.125rem;line-height:1.75rem;--un-text-opacity:1;color:rgb(31 41 55 / var(--un-text-opacity));font-weight:700;
    11. 

  11. }
    12. 

  12. 

  13. /* 设置项样式 */
    14. 

  14. .setting-item[data-v-48f00c31] {
    15. 

  15. display:flex;align-items:center;justify-content:space-between;padding-left:1.25rem;padding-right:1.25rem;padding-top:1rem;padding-bottom:1rem;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:200ms;
    16. 

  16. }.setting-item[data-v-48f00c31]:active{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
    17. 

  17. .setting-label[data-v-48f00c31] {
    18. 

  18. min-width:0;display:flex;flex:1 1 0%;align-items:flex-start;
    19. 

  19. }
    20. 

  20. .setting-info[data-v-48f00c31] {
    21. 

  21. margin-left:0.75rem;min-width:0;flex:1 1 0%;
    22. 

  22. }
    23. 

  23. .setting-title[data-v-48f00c31] {
    24. 

  24. display:block;--un-text-opacity:1;color:rgb(31 41 55 / var(--un-text-opacity));font-weight:500;
    25. 

  25. }
    26. 

  26. .setting-desc[data-v-48f00c31] {
    27. 

  27. margin-top:0.125rem;display:block;font-size:0.875rem;line-height:1.25rem;--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));
    28. 

  28. }
    29. 

  29. .setting-control[data-v-48f00c31] {
    30. 

  30. margin-left:1rem;display:flex;flex:none;align-items:center;
    31. 

  31. }
    32. 

  32. 

  33. /* 响应式调整 */
    34. 

  34. @media (max-width: 375px) {
    35. 

  35. .setting-item[data-v-48f00c31] {
    36. 

  36. padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;
    37. 

  37. }
    38. 

  38. .card-header[data-v-48f00c31] {
    39. 

  39. padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;
    40. 

  40. }
    41. 

  41. .setting-info[data-v-48f00c31] {
    42. 

  42. margin-left:0.5rem;
    43. 

  43. }
    44. 

  44. .setting-control[data-v-48f00c31] {
    45. 

  45. margin-left:0.5rem;
    46. 

  46. }
    47. 

  47. }
    48.