ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Working Hours: Adjust styles for the working hours block (#5472)

Browse Source
This commit is contained in:
Alexander Zinchuk 2025-01-21 18:21:29 +01:00
parent 86cb0f5ee6
commit 4c974d982b
2 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/common/profile/BusinessHours.module.scss
View File

@ -10,15 +10,17 @@
.icon { .icon {
align-self: flex-start; align-self: flex-start;
margin-top: 0.75rem; margin-top: 1rem;
} }
.left, .bottom { .left, .bottom {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
line-height: 1.4;
} }
.status { .status {
font-size: 0.875rem;
color: var(--color-error); color: var(--color-error);
} }
@ -36,6 +38,7 @@
display: inline-block; display: inline-block;
padding: 0 0.5rem; padding: 0 0.5rem;
border-radius: 0.75rem; border-radius: 0.75rem;
font-size: 0.875rem;
color: var(--color-primary); color: var(--color-primary);
background-color: var(--color-primary-tint); background-color: var(--color-primary-tint);
align-self: flex-end; align-self: flex-end;
@ -50,8 +53,10 @@
} }
.transition { .transition {
margin-bottom: 0.5rem;
height: 0;
/* stylelint-disable-next-line plugin/no-low-performance-animation-properties */ /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */
transition: height 0.25s ease-in-out; transition: height 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
} }
.timetable { .timetable {
@ -59,7 +64,7 @@
display: grid; display: grid;
grid-template-columns: auto 1fr; grid-template-columns: auto 1fr;
gap: 0.5rem; gap: 0.5rem;
margin-top: 0.25rem; margin-top: 0.6875rem;
} }
.schedule { .schedule {
@ -73,6 +78,7 @@
.weekday { .weekday {
word-break: break-all; word-break: break-all;
line-height: 1.25; line-height: 1.25;
font-size: 0.875rem;
} }
.current-day { .current-day {

4
src/components/common/profile/ChatExtra.module.scss
View File

@ -1,6 +1,6 @@
.businessLocation { .businessLocation {
width: 4rem; width: 3rem;
height: 4rem; height: 3rem;
object-fit: cover; object-fit: cover;
border-radius: 0.25rem; border-radius: 0.25rem;
flex-shrink: 0; flex-shrink: 0;