Slightly smaller avatars
This commit is contained in:
parent
150ee61446
commit
7844150ea2
5 changed files with 15 additions and 10 deletions
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "calckey",
|
"name": "calckey",
|
||||||
"version": "12.119.0-calc.17.3",
|
"version": "12.119.0-calc.17.4",
|
||||||
"codename": "aqua",
|
"codename": "aqua",
|
||||||
"repository": {
|
"repository": {
|
||||||
"type": "git",
|
"type": "git",
|
||||||
|
|
|
@ -81,9 +81,12 @@ const bannerStyle = computed(() => {
|
||||||
top: 16px;
|
top: 16px;
|
||||||
left: 16px;
|
left: 16px;
|
||||||
padding: 12px 16px;
|
padding: 12px 16px;
|
||||||
background: rgba(0, 0, 0, 0.7);
|
-webkit-backdrop-filter: var(--blur, blur(8px));
|
||||||
|
backdrop-filter: var(--blur, blur(8px));
|
||||||
|
background: rgba(0, 0, 0, 0.2);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
|
border-radius: 999px;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .status {
|
> .status {
|
||||||
|
@ -93,7 +96,9 @@ const bannerStyle = computed(() => {
|
||||||
right: 16px;
|
right: 16px;
|
||||||
padding: 8px 12px;
|
padding: 8px 12px;
|
||||||
font-size: 80%;
|
font-size: 80%;
|
||||||
background: rgba(0, 0, 0, 0.7);
|
-webkit-backdrop-filter: var(--blur, blur(8px));
|
||||||
|
backdrop-filter: var(--blur, blur(8px));
|
||||||
|
background: rgba(0, 0, 0, 0.2);
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
|
@ -431,8 +431,8 @@ function readPromo() {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
display: block;
|
display: block;
|
||||||
margin: 0 14px 8px 0;
|
margin: 0 14px 8px 0;
|
||||||
width: 58px;
|
width: 52px;
|
||||||
height: 58px;
|
height: 52px;
|
||||||
position: sticky;
|
position: sticky;
|
||||||
/* For some reason this breaks avatar
|
/* For some reason this breaks avatar
|
||||||
positions on notes, commenting it for now */
|
positions on notes, commenting it for now */
|
||||||
|
|
|
@ -411,8 +411,8 @@ if (appearNote.replyId) {
|
||||||
> .avatar {
|
> .avatar {
|
||||||
display: block;
|
display: block;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
width: 58px;
|
width: 52px;
|
||||||
height: 58px;
|
height: 52px;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .body {
|
> .body {
|
||||||
|
|
|
@ -249,7 +249,7 @@ definePageMetadata(computed(() => page ? {
|
||||||
}
|
}
|
||||||
|
|
||||||
> .content {
|
> .content {
|
||||||
padding: 16px 0 0 0;
|
padding: 16px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .actions {
|
> .actions {
|
||||||
|
@ -290,8 +290,8 @@ definePageMetadata(computed(() => page ? {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
> .avatar {
|
> .avatar {
|
||||||
width: 52px;
|
width: 40px;
|
||||||
height: 52px;
|
height: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .name {
|
> .name {
|
||||||
|
|
Loading…
Reference in a new issue