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

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

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