Updated all basic components
removed unnecessary components, combined where necessary added each component to a folder, added individual css style modules optimized some component rendering flows removed functional components in favor of pure components linted and formatted all of the files
This commit is contained in:
13
app/javascript/gabsocial/components/verified_icon/index.js
Normal file
13
app/javascript/gabsocial/components/verified_icon/index.js
Normal file
@@ -0,0 +1,13 @@
|
||||
import './index.scss';
|
||||
|
||||
export default class VerifiedIcon extends PureComponent {
|
||||
|
||||
render() {
|
||||
return (
|
||||
<span className='verified-icon'>
|
||||
<span className='visuallyhidden'>Verified Account</span>
|
||||
</span>
|
||||
);
|
||||
}
|
||||
|
||||
};
|
||||
27
app/javascript/gabsocial/components/verified_icon/index.scss
Normal file
27
app/javascript/gabsocial/components/verified_icon/index.scss
Normal file
@@ -0,0 +1,27 @@
|
||||
.verified-icon {
|
||||
display: inline-block;
|
||||
margin: 0 4px 0 1px;
|
||||
vertical-align: top;
|
||||
position: relative;
|
||||
|
||||
@include size(15px);
|
||||
|
||||
&:before {
|
||||
background-color: #00A3ED;
|
||||
border-radius: 50%;
|
||||
|
||||
@include pseudo;
|
||||
@include abs-position(0, 0, 0, 0, false);
|
||||
}
|
||||
|
||||
&:after {
|
||||
font: normal normal normal 14px/1 FontAwesome;
|
||||
text-rendering: auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
color: #fff;
|
||||
|
||||
@include pseudo('\f00c');
|
||||
@include size(15px);
|
||||
@include text-sizing(0.6em, 400, 15px, center);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user