mirror of
https://github.com/Raghu-Ch/angular-challenges.git
synced 2026-02-10 12:53:03 -05:00
feat: improve layout
This commit is contained in:
@@ -54,19 +54,19 @@ export default defineConfig({
|
|||||||
ru: 'Руководство'
|
ru: 'Руководство'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
// {
|
||||||
label: 'Leaderboard',
|
// label: 'Leaderboard',
|
||||||
autogenerate: {
|
// autogenerate: {
|
||||||
directory: 'leaderboard',
|
// directory: 'leaderboard',
|
||||||
collapsed: true
|
// collapsed: true
|
||||||
},
|
// },
|
||||||
translations: {
|
// translations: {
|
||||||
es: 'Leaderboard',
|
// es: 'Leaderboard',
|
||||||
fr: 'Leaderboard',
|
// fr: 'Leaderboard',
|
||||||
pt: 'Leaderboard',
|
// pt: 'Leaderboard',
|
||||||
ru: 'Leaderboard'
|
// ru: 'Leaderboard'
|
||||||
}
|
// }
|
||||||
},
|
// },
|
||||||
{
|
{
|
||||||
label: 'Challenges',
|
label: 'Challenges',
|
||||||
autogenerate: {
|
autogenerate: {
|
||||||
|
|||||||
@@ -88,9 +88,9 @@
|
|||||||
|
|
||||||
<style>
|
<style>
|
||||||
.box {
|
.box {
|
||||||
display: grid;
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
justify-items: center;
|
justify-items: center;
|
||||||
grid-template-columns: 1fr 1fr;
|
|
||||||
gap: 1.5rem;
|
gap: 1.5rem;
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -71,10 +71,10 @@
|
|||||||
|
|
||||||
<style>
|
<style>
|
||||||
.box {
|
.box {
|
||||||
display: grid;
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
justify-items: center;
|
justify-items: center;
|
||||||
grid-template-columns: 1fr 1fr;
|
gap: 1rem;
|
||||||
gap: 1.5rem;
|
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -87,10 +87,10 @@
|
|||||||
|
|
||||||
<style>
|
<style>
|
||||||
.box {
|
.box {
|
||||||
display: grid;
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
justify-items: center;
|
justify-items: center;
|
||||||
grid-template-columns: 1fr 1fr;
|
gap: 1rem;
|
||||||
gap: 1.5rem;
|
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -34,9 +34,8 @@
|
|||||||
border: 1px solid var(--sl-color-gray-3);
|
border: 1px solid var(--sl-color-gray-3);
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 100%;
|
|
||||||
max-width: 300px;
|
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-info {
|
.user-info {
|
||||||
@@ -63,10 +62,6 @@
|
|||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
color: red;
|
color: red;
|
||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
max-width: 150px;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.count {
|
.count {
|
||||||
|
|||||||
Reference in New Issue
Block a user