mirror/Vencord
1
0
Fork 0
mirror of https://github.com/Vendicated/Vencord.git synced 2025-02-24 15:35:11 +00:00
Code Issues Projects Releases Packages Wiki Activity

clean up styles

Browse source
This commit is contained in:
rushiiMachine 2024-06-25 10:22:08 -07:00
parent 50f64b8133
commit 52121bf3b2
No known key found for this signature in database
GPG key ID: DCBE5952BB3B6420
2 changed files with 18 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/plugins/timezones/components.tsx
View file

@ -79,8 +79,8 @@ function LocalTimestampInner(props: LocalTimestampProps): JSX.Element | null {
? `• ${shortTime}` ? `• ${shortTime}`
: shortTime ?? "Error"; : shortTime ?? "Error";
const classes = props.type === "message" const classes = props.type === "message"
? `timezone-message-item ${messageClasses.timestamp}` ? `vc-timezones-message-display ${messageClasses.timestamp}`
: "timezone-profile-item"; : "vc-timezones-profile-display";
return <> return <>
<Tooltip <Tooltip
@ -90,7 +90,7 @@ function LocalTimestampInner(props: LocalTimestampProps): JSX.Element | null {
allowOverflow={false} allowOverflow={false}
spacing={8} spacing={8}
hideOnClick={true} hideOnClick={true}
tooltipClassName="timezone-tooltip" tooltipClassName="vc-timezones-tooltip"
hide={!longTime} hide={!longTime}
text={longTime} text={longTime}
> >
@ -161,14 +161,14 @@ function SetTimezoneOverrideModal(props: TimezoneOverrideModalProps) {
} }
return <ModalRoot {...props.modalProps}> return <ModalRoot {...props.modalProps}>
<ModalHeader className="vc-timezone-modal-header"> <ModalHeader className="vc-timezones-modal-header">
<Forms.FormTitle tag="h2"> <Forms.FormTitle tag="h2">
Set Timezone Override for User Set Timezone Override for User
</Forms.FormTitle> </Forms.FormTitle>
<ModalCloseButton onClick={props.modalProps.onClose} /> <ModalCloseButton onClick={props.modalProps.onClose} />
</ModalHeader> </ModalHeader>
<ModalContent className="vc-timezone-modal-content"> <ModalContent className="vc-timezones-modal-content">
<Text variant="text-md/normal"> <Text variant="text-md/normal">
This override will only be visible locally and to any synchronized clients via Vencord Cloud. This override will only be visible locally and to any synchronized clients via Vencord Cloud.
<br /> <br />
@ -194,7 +194,7 @@ function SetTimezoneOverrideModal(props: TimezoneOverrideModalProps) {
</section> </section>
</ModalContent> </ModalContent>
<ModalFooter className="vc-timezone-modal-footer"> <ModalFooter className="vc-timezones-modal-footer">
<Button <Button
color={Button.Colors.BRAND} color={Button.Colors.BRAND}
disabled={availableTimezones === undefined} disabled={availableTimezones === undefined}

28
src/plugins/timezones/styles.css
View file

@ -1,6 +1,11 @@
/** Based on Syncxv's vc-timezones user plugin **/ /** Based on Syncxv's vc-timezones user plugin **/
.timezone-profile-item { .vc-timezones-tooltip {
max-width: none !important;
white-space: nowrap
}
.vc-timezones-profile-display {
display: flex; display: flex;
position: absolute; position: absolute;
right: 0; right: 0;
@ -19,33 +24,24 @@
} }
} }
[class*="topSection"] .timezone-profile-item { .vc-timezones-message-display {
margin: 16px;
}
.timezone-message-item {
margin-left: 4px; margin-left: 4px;
cursor: pointer; cursor: pointer;
} }
.vc-timezone-modal-header { .vc-timezones-modal-header {
justify-content: space-between; justify-content: space-between;
align-content: center; align-content: center;
} }
.vc-timezone-modal-header h1 { .vc-timezones-modal-header h1 {
margin: 0; margin-bottom: 0;
} }
.vc-timezone-modal-content { .vc-timezones-modal-content {
padding: 1em; padding: 1em;
} }
.vc-timezone-modal-footer { .vc-timezones-modal-footer {
gap: 16px; gap: 16px;
} }
.timezone-tooltip {
max-width: none !important;
white-space: nowrap
}