123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105 |
- @import "../../../responsive";
- .dashboard-container {
- display: flex;
- gap: 1rem;
- margin: auto;
- padding: 1.5rem 1.5rem 0 1.5rem;
- width: 1280px;
- height: 840px;
- @include width-small {
- width: 1494px;
- }
- @include width-medium {
- width: 1707px;
- }
- // Width large is probably too large
- // @include width-large {
- // width: 1920px;
- // }
- @include height-small {
- height: 910px;
- }
- @include height-medium {
- height: 977px;
- }
- @include height-large {
- height: 1056px;
- }
- }
- .attribute-skill-container {
- display: flex;
- gap: 1rem;
- .save-skills-container {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- }
- }
- .info-tabels-container {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- }
- .tables {
- display: flex;
- gap: 1rem;
- }
- .life-weapon-container {
- display: flex;
- flex-direction: column;
- gap: 1rem;
- width: 388px;
- @include width-small {
- width: 500px;
- }
- @include width-medium {
- width: 600px;
- }
- }
- ability-panel {
- width: 391px;
- height: 702px;
- @include width-small {
- width: 495px;
- }
- @include width-medium {
- width: 609px;
- }
- @include height-small {
- height: 772px;
- }
- @include height-medium {
- height: 839px;
- }
- @include height-large {
- height: 917px;
- }
- }
- weapons-container {
- width: 100%;
- height: 515px;
- @include height-small {
- height: 585px;
- }
- @include height-medium {
- height: 652px;
- }
- @include height-large {
- height: 730px;
- }
- }
|