mirror of
https://github.com/graphql-hive/console
synced 2026-04-21 14:37:17 +00:00
adjust viewport breakpoints (#65)
This commit is contained in:
Dimitri POSTOLOV
GitHub
parent
e744c7cb69
commit
8575a313d2
8 changed files with 31 additions and 42 deletions
|
|
@ -20,28 +20,28 @@ If you see someone who is making an extra effort to ensure our community is welc
|
|||
|
||||
The following behaviors are expected and requested of all community members:
|
||||
|
||||
* Participate in an authentic and active way. In doing so, you contribute to the health and longevity of this community.
|
||||
* Exercise consideration and respect in your speech and actions.
|
||||
* Attempt collaboration before conflict.
|
||||
* Refrain from demeaning, discriminatory, or harassing behavior and speech.
|
||||
* Be mindful of your surroundings and of your fellow participants. Alert community leaders if you notice a dangerous situation, someone in distress, or violations of this Code of Conduct, even if they seem inconsequential.
|
||||
* Remember that community event venues may be shared with members of the public; please be respectful to all patrons of these locations.
|
||||
- Participate in an authentic and active way. In doing so, you contribute to the health and longevity of this community.
|
||||
- Exercise consideration and respect in your speech and actions.
|
||||
- Attempt collaboration before conflict.
|
||||
- Refrain from demeaning, discriminatory, or harassing behavior and speech.
|
||||
- Be mindful of your surroundings and of your fellow participants. Alert community leaders if you notice a dangerous situation, someone in distress, or violations of this Code of Conduct, even if they seem inconsequential.
|
||||
- Remember that community event venues may be shared with members of the public; please be respectful to all patrons of these locations.
|
||||
|
||||
## 4. Unacceptable Behavior
|
||||
|
||||
The following behaviors are considered harassment and are unacceptable within our community:
|
||||
|
||||
* Violence, threats of violence or violent language directed against another person.
|
||||
* Sexist, racist, homophobic, transphobic, ableist or otherwise discriminatory jokes and language.
|
||||
* Posting or displaying sexually explicit or violent material.
|
||||
* Posting or threatening to post other people's personally identifying information ("doxing").
|
||||
* Personal insults, particularly those related to gender, sexual orientation, race, religion, or disability.
|
||||
* Inappropriate photography or recording.
|
||||
* Inappropriate physical contact. You should have someone's consent before touching them.
|
||||
* Unwelcome sexual attention. This includes, sexualized comments or jokes; inappropriate touching, groping, and unwelcomed sexual advances.
|
||||
* Deliberate intimidation, stalking or following (online or in person).
|
||||
* Advocating for, or encouraging, any of the above behavior.
|
||||
* Sustained disruption of community events, including talks and presentations.
|
||||
- Violence, threats of violence or violent language directed against another person.
|
||||
- Sexist, racist, homophobic, transphobic, ableist or otherwise discriminatory jokes and language.
|
||||
- Posting or displaying sexually explicit or violent material.
|
||||
- Posting or threatening to post other people's personally identifying information ("doxing").
|
||||
- Personal insults, particularly those related to gender, sexual orientation, race, religion, or disability.
|
||||
- Inappropriate photography or recording.
|
||||
- Inappropriate physical contact. You should have someone's consent before touching them.
|
||||
- Unwelcome sexual attention. This includes, sexualized comments or jokes; inappropriate touching, groping, and unwelcomed sexual advances.
|
||||
- Deliberate intimidation, stalking or following (online or in person).
|
||||
- Advocating for, or encouraging, any of the above behavior.
|
||||
- Sustained disruption of community events, including talks and presentations.
|
||||
|
||||
## 5. Weapons Policy
|
||||
|
||||
|
|
@ -59,15 +59,11 @@ If a community member engages in unacceptable behavior, the community organizers
|
|||
|
||||
If you are subject to or witness unacceptable behavior, or have any other concerns, please notify a community organizer as soon as possible. contact@the-guild.dev.
|
||||
|
||||
|
||||
|
||||
Additionally, community organizers are available to help community members engage with local law enforcement or to otherwise help those experiencing unacceptable behavior feel safe. In the context of in-person events, organizers will also provide escorts as desired by the person experiencing distress.
|
||||
|
||||
## 8. Addressing Grievances
|
||||
|
||||
If you feel you have been falsely or unfairly accused of violating this Code of Conduct, you should notify with a concise description of your grievance. Your grievance will be handled in accordance with our existing governing policies. [Policy](https://graphql-hive.com/privacy-policy.pdf)
|
||||
|
||||
|
||||
If you feel you have been falsely or unfairly accused of violating this Code of Conduct, you should notify with a concise description of your grievance. Your grievance will be handled in accordance with our existing governing policies. [Policy](https://graphql-hive.com/privacy-policy.pdf)
|
||||
|
||||
## 9. Scope
|
||||
|
||||
|
|
@ -81,7 +77,7 @@ contact@the-guild.dev
|
|||
|
||||
## 11. License and attribution
|
||||
|
||||
The Citizen Code of Conduct is distributed by [Stumptown Syndicate](http://stumptownsyndicate.org) under a [Creative Commons Attribution-ShareAlike license](http://creativecommons.org/licenses/by-sa/3.0/).
|
||||
The Citizen Code of Conduct is distributed by [Stumptown Syndicate](http://stumptownsyndicate.org) under a [Creative Commons Attribution-ShareAlike license](http://creativecommons.org/licenses/by-sa/3.0/).
|
||||
|
||||
Portions of text derived from the [Django Code of Conduct](https://www.djangoproject.com/conduct/) and the [Geek Feminism Anti-Harassment Policy](http://geekfeminism.wikia.com/wiki/Conference_anti-harassment/Policy).
|
||||
|
||||
|
|
|
|||
|
|
@ -128,7 +128,7 @@ const NewPage: FC = () => {
|
|||
return (
|
||||
<>
|
||||
<ShineBackground />
|
||||
<div className="wrapper relative flex h-full flex-col pt-5 pb-[155px]" ref={wrapperRef}>
|
||||
<div className="container relative flex h-full flex-col pt-5 pb-[155px]" ref={wrapperRef}>
|
||||
{[3, 4, 5].includes(page) && (
|
||||
<div className="absolute top-0 right-1/2 translate-x-1/2 rounded-b-[10px] border border-t-0 border-gray-800 px-2.5 py-7">
|
||||
<h1 className="text-center text-xs font-bold text-[#34eab9]">THE GUILD</h1>
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@ const SettingsPage: FC = () => {
|
|||
<>
|
||||
<Title title="Profile settings" />
|
||||
<SubHeader>
|
||||
<header className="wrapper flex items-center pb-5">
|
||||
<header className="container flex items-center pb-5">
|
||||
<div className="mr-4 rounded-full">
|
||||
<Avatar
|
||||
src={user.picture}
|
||||
|
|
@ -83,7 +83,7 @@ const SettingsPage: FC = () => {
|
|||
</div>
|
||||
</header>
|
||||
</SubHeader>
|
||||
<Tabs defaultValue="personal-info" className="wrapper">
|
||||
<Tabs defaultValue="personal-info" className="container">
|
||||
<Tabs.List>
|
||||
<Tabs.Trigger value="personal-info">Personal Info</Tabs.Trigger>
|
||||
</Tabs.List>
|
||||
|
|
|
|||
|
|
@ -114,7 +114,7 @@ export function OrganizationLayout({
|
|||
return (
|
||||
<>
|
||||
<SubHeader>
|
||||
<div className="wrapper flex h-[84px] items-center justify-between">
|
||||
<div className="container flex h-[84px] items-center justify-between">
|
||||
<div>
|
||||
<Heading size="2xl" className="line-clamp-1">
|
||||
{organization?.name}
|
||||
|
|
@ -129,7 +129,7 @@ export function OrganizationLayout({
|
|||
</div>
|
||||
</SubHeader>
|
||||
|
||||
<Tabs className="wrapper" value={value}>
|
||||
<Tabs className="container" value={value}>
|
||||
<Tabs.List>
|
||||
<NextLink passHref href={`/${orgId}`}>
|
||||
<Tabs.Trigger value={TabValue.Overview} asChild>
|
||||
|
|
|
|||
|
|
@ -73,7 +73,7 @@ export const ProjectLayout = ({
|
|||
return (
|
||||
<>
|
||||
<SubHeader>
|
||||
<div className="wrapper flex items-center pb-4">
|
||||
<div className="container flex items-center pb-4">
|
||||
<div>
|
||||
{org && (
|
||||
<NextLink href={`/${orgId}`} passHref>
|
||||
|
|
@ -118,7 +118,7 @@ export const ProjectLayout = ({
|
|||
</div>
|
||||
</SubHeader>
|
||||
|
||||
<Tabs className="wrapper" value={value}>
|
||||
<Tabs className="container" value={value}>
|
||||
<Tabs.List>
|
||||
<NextLink passHref href={`/${orgId}/${projectId}`}>
|
||||
<Tabs.Trigger value={TabValue.Targets} asChild>
|
||||
|
|
|
|||
|
|
@ -101,7 +101,7 @@ export const TargetLayout = ({
|
|||
<>
|
||||
<SubHeader>
|
||||
{org && project && (
|
||||
<div className="wrapper flex items-center text-xs font-medium text-gray-500">
|
||||
<div className="container flex items-center text-xs font-medium text-gray-500">
|
||||
<NextLink href={`/${orgId}`} passHref>
|
||||
<Link className="line-clamp-1 max-w-[250px]">{org.name}</Link>
|
||||
</NextLink>
|
||||
|
|
@ -111,7 +111,7 @@ export const TargetLayout = ({
|
|||
</NextLink>
|
||||
</div>
|
||||
)}
|
||||
<div className="wrapper">
|
||||
<div className="container">
|
||||
<div className="flex items-center gap-2.5">
|
||||
<Heading size="2xl" className="line-clamp-1 max-w-2xl">
|
||||
{target?.name}
|
||||
|
|
@ -142,7 +142,7 @@ export const TargetLayout = ({
|
|||
</div>
|
||||
</SubHeader>
|
||||
|
||||
<Tabs className="wrapper" value={value}>
|
||||
<Tabs className="container" value={value}>
|
||||
<Tabs.List>
|
||||
{canAccessSchema && (
|
||||
<NextLink passHref href={`/${orgId}/${projectId}/${targetId}`}>
|
||||
|
|
|
|||
|
|
@ -80,7 +80,7 @@ export const Header = (): ReactElement => {
|
|||
isOpaque && 'border-b-gray-900 bg-black/80 backdrop-blur'
|
||||
)}
|
||||
>
|
||||
<div className="wrapper flex h-[84px] items-center justify-between">
|
||||
<div className="container flex h-[84px] items-center justify-between">
|
||||
<HiveLink />
|
||||
<DropdownMenu>
|
||||
<DropdownMenu.Trigger asChild>
|
||||
|
|
|
|||
|
|
@ -98,14 +98,7 @@ module.exports = {
|
|||
},
|
||||
},
|
||||
plugins: [
|
||||
plugin(({ addUtilities, addComponents }) => {
|
||||
addComponents({
|
||||
'.wrapper': {
|
||||
width: 1140,
|
||||
margin: '0 auto',
|
||||
padding: `0 1.25rem`,
|
||||
},
|
||||
});
|
||||
plugin(({ addUtilities }) => {
|
||||
addUtilities({
|
||||
'.drag-none': {
|
||||
'-webkit-user-drag': 'none',
|
||||
|
|
|
|||
Loading…
Reference in a new issue