Slightly smaller avatars

This commit is contained in:
ThatOneCalculator 2022-11-22 21:58:09 -08:00
parent 150ee61446
commit 7844150ea2
5 changed files with 15 additions and 10 deletions

View file

@ -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",

View file

@ -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;
} }

View file

@ -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 */

View file

@ -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 {

View file

@ -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 {