add home screen components

This commit is contained in:
cyber-dream 2022-08-27 02:13:43 +03:00
parent 947dbfe734
commit 85019b2a54
9 changed files with 73 additions and 19 deletions

View File

@ -0,0 +1,16 @@
<div class="two-lines-centered">
<div class="first-line">
<div class="text header">
<span>Minecraft</span>
</div>
<div class="label">
Survival
</div>
<div class="label">
1.12.2
</div>
</div>
<div class="text light darken">
<span>Survival world with mods such as Industrial Craft, RailCraft, etc.</span>
</div>
</div>

View File

@ -0,0 +1,18 @@
<div class="ProfileBar">
<div class="img rounded" id="ProfilePicture">
<img src="./assets/avatar.jpeg" height="45px" width="45px">
</div>
<div class="two-lines-centered">
<div class="first-line">
<div class="text header big">
<span>MrSandyMoon</span>
</div>
<div class="label">
Booster
</div>
</div>
<div class="text light darken">
<span>Administrator</span>
</div>
</div>
</div>

View File

@ -0,0 +1,23 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { UserInfoComponent } from './user-info.component';
describe('UserInfoComponent', () => {
let component: UserInfoComponent;
let fixture: ComponentFixture<UserInfoComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ UserInfoComponent ]
})
.compileComponents();
fixture = TestBed.createComponent(UserInfoComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

View File

@ -0,0 +1,15 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-user-info',
templateUrl: './user-info.component.html',
styleUrls: ['./user-info.component.scss']
})
export class UserInfoComponent implements OnInit {
constructor() { }
ngOnInit(): void {
}
}

View File

@ -1,19 +1 @@
<div id="RightBar"> ОГО, ну и хуита эта ваша игра
<div class="two-lines-centered">
<div class="first-line">
<div class="text header">
<span>Minecraft</span>
</div>
<div class="label">
Survival
</div>
<div class="label">
1.12.2
</div>
</div>
<div class="text light darken">
<span>Survival world with mods such as Industrial Craft, RailCraft, etc.</span>
</div>
</div>
</div>