mirror of
				https://github.com/owncast/owncast.git
				synced 2025-11-04 13:27:21 +08:00 
			
		
		
		
	* style tweaks for Action Button, UserMenu, Modal * a bunch of misc polish; some around chat * Prettified Code! * cleanup * fix formatting * Reduce content padding a bit * some stylesheet cleanup * fix action button sizing * Remove action button height completely --------- Co-authored-by: gingervitis <gingervitis@users.noreply.github.com> Co-authored-by: Gabe Kangas <gabek@real-ity.com>
		
			
				
	
	
		
			58 lines
		
	
	
		
			1.1 KiB
		
	
	
	
		
			SCSS
		
	
	
	
	
	
			
		
		
	
	
			58 lines
		
	
	
		
			1.1 KiB
		
	
	
	
		
			SCSS
		
	
	
	
	
	
.follower {
 | 
						|
  border-color: rgba(0, 0, 0, 0.3);
 | 
						|
  border-width: 1px;
 | 
						|
  border-style: solid;
 | 
						|
  padding: 10px 10px;
 | 
						|
  border-radius: var(--theme-rounded-corners);
 | 
						|
  background-color: var(--theme-color-background-main);
 | 
						|
  margin: 0.5em;
 | 
						|
 | 
						|
  &:hover {
 | 
						|
    border-color: var(--theme-text-link);
 | 
						|
  }
 | 
						|
 | 
						|
  .avatar {
 | 
						|
    height: 60px;
 | 
						|
    width: 60px;
 | 
						|
    border-color: rgba(0, 0, 0, 0.3);
 | 
						|
    border-width: 1px;
 | 
						|
    border-style: solid;
 | 
						|
    font-size: 1.8rem;
 | 
						|
  }
 | 
						|
 | 
						|
  .avatarColumn {
 | 
						|
    max-width: 75px;
 | 
						|
    min-width: 75px;
 | 
						|
  }
 | 
						|
 | 
						|
  .body {
 | 
						|
    color: var(--theme-color-components-text-on-light);
 | 
						|
    text-overflow: ellipsis;
 | 
						|
    line-height: 1.2rem;
 | 
						|
 | 
						|
    p {
 | 
						|
      margin: 0;
 | 
						|
    }
 | 
						|
  }
 | 
						|
 | 
						|
  .account {
 | 
						|
    font-family: var(--theme-text-display-font-family);
 | 
						|
    font-weight: 600;
 | 
						|
    color: var(--theme-color-components-text-on-light);
 | 
						|
  }
 | 
						|
 | 
						|
  .icon {
 | 
						|
    position: absolute;
 | 
						|
    width: 25px;
 | 
						|
    height: 25px;
 | 
						|
    top: 40px;
 | 
						|
    left: 40px;
 | 
						|
    border-color: var(--theme-color-background-main);
 | 
						|
    border-width: 2px;
 | 
						|
    border-style: solid;
 | 
						|
    border-radius: 50%;
 | 
						|
    background-size: cover;
 | 
						|
    background-position: center;
 | 
						|
  }
 | 
						|
}
 |