logo

pleroma-fe

My custom branche(s) on git.pleroma.social/pleroma/pleroma-fe git clone https://hacktivis.me/git/pleroma-fe.git

profile_tab.scss (1862B)

    

  1. .profile-tab {
  2.   .bio {
  3.     margin: 0;
  4.   }
  6.   .visibility-tray {
  7.     padding-top: 5px;
  8.   }
  10.   input[type="file"] {
  11.     padding: 5px;
  12.     height: auto;
  13.   }
  15.   .banner-background-preview {
  16.     max-width: 100%;
  17.     width: 300px;
  18.     position: relative;
  20.     img {
  21.       width: 100%;
  22.     }
  23.   }
  25.   .uploading {
  26.     font-size: 1.5em;
  27.     margin: 0.25em;
  28.   }
  30.   .name-changer {
  31.     width: 100%;
  32.   }
  34.   .current-avatar-container {
  35.     position: relative;
  36.     width: 150px;
  37.     height: 150px;
  38.   }
  40.   .current-avatar {
  41.     display: block;
  42.     width: 100%;
  43.     height: 100%;
  44.     border-radius: var(--roundness);
  45.   }
  47.   .reset-button {
  48.     position: absolute;
  49.     top: 0.2em;
  50.     right: 0.2em;
  51.     border-radius: var(--roundness);
  52.     background-color: rgb(0 0 0 / 60%);
  53.     opacity: 0.7;
  54.     width: 1.5em;
  55.     height: 1.5em;
  56.     text-align: center;
  57.     line-height: 1.5em;
  58.     font-size: 1.5em;
  59.     cursor: pointer;
  61.     &:hover {
  62.       opacity: 1;
  63.     }
  65.     svg {
  66.       color: white;
  67.     }
  68.   }
  70.   .oauth-tokens {
  71.     width: 100%;
  73.     th {
  74.       text-align: left;
  75.     }
  77.     .actions {
  78.       text-align: right;
  79.     }
  80.   }
  82.   &-usersearch-wrapper {
  83.     padding: 1em;
  84.   }
  86.   &-bulk-actions {
  87.     text-align: right;
  88.     padding: 0 1em;
  89.     min-height: 2em;
  91.     button {
  92.       width: 10em;
  93.     }
  94.   }
  96.   &-domain-mute-form {
  97.     padding: 1em;
  98.     display: flex;
  99.     flex-direction: column;
  101.     button {
  102.       align-self: flex-end;
  103.       margin-top: 1em;
  104.       width: 10em;
  105.     }
  106.   }
  108.   .setting-subitem {
  109.     margin-left: 1.75em;
  110.   }
  112.   .profile-fields {
  113.     display: flex;
  115.     & > .emoji-input {
  116.       flex: 1 1 auto;
  117.       margin: 0 0.2em 0.5em;
  118.       min-width: 0;
  119.     }
  121.     .delete-field {
  122.       width: 20px;
  123.       align-self: center;
  124.       margin: 0 0.2em 0.5em;
  125.       padding: 0 0.5em;
  126.     }
  127.   }
  129.   .birthday-input {
  130.     display: block;
  131.     margin-bottom: 1em;
  132.   }
  133. }